Hello, and welcome to this project in this project will be building a to do list website from scratch
using the actress.
So this is how the cruelest website looks like.
We'll see the working of the app after seeing what are the tools and frameworks that we learned in this
course.
And this project cost.
So what we will do the first thing basically like the initial step of every project is project set up.
We'll see how to set up the React project and then we'll install some dependencies like material, core
material, new icons exposed and the required dependencies.
So we'll install them in the system and then we'll be having all components.
Excluding apologies.
So in that broadcast, we'll be writing all the business logic code and will be using these four components
so that we can build the reactor.
The four components that header component create area component node component footer component will
be details studying each and every line of code of how to write in these four components so that when
see type that we need to be.
And then finally, we'll have a quick overview of all this component, how to export them and everything.
And then we will finish up the project.
So these are the frameworks and technologies that you will learn components, project structure, lifecycle
methods, react hooks and props the hooks in plural you stocks, react effect, use, affect hooks,
use stocks, state management material, you write code components, spread operator and add on functions
if necessary.
So we learn these frameworks and technologies in this product.
So basically, this is the final product development of this is the heritage section.
It doesn't know section.
So we have added effect on traditional such that when you click on this note, you can see the whole
text is popping the title of the note.
Take like the description of the note and then there is an option subtitle.
Let me give it as a test.
So the description will be this is best work now.
So basically, these are the list item, the note items that we want to make note of so that we can
do everything.
If I click on odd add, then you can see we are having not that is getting added to our list and maybe
the delete function.
If you click on this, it will see that.
So the work will be a study.
Need to study reactor concepts.
And then if you click on particular show like this, you can add all whenever you want platinum deals
with the black.
But it is the beauty of the act.
So if you observe this when I click on add the lipstick is not official, it is only adding an extra
area like a note component.
So this is the beauty of the act.
It only works with components if something changes in the components, only that component will render.
Not all the components, so the header will remain fixed.
The note will remain fixed.
All the remaining Nordstrom to remain fixed, the create area is fixed only the new mode that is added
when we appeared over here, so I can also delete.
Using this great symbol can delete all of them.
So since we are using IRS, just all the data, if you refresh all the notes will be at issue.
But you can use databases such as forced to a sequel, MongoDB sequel database or no sequel database.
And you can store the data in that order.
You can also use your local storage to store the data where it will be the local storage resident.
Go to inspect.
Code and application can see the local shortage, so I clear my local shortage.
Now if you add these components data to the local storage, then if you refresh onto the internet,
data will be visible.
So if this is the extra feature, if you want, we can see that in the end of the project.
So this is the basically the project that we are going to build the Google app or To-Do list or whatever
you call a note taking app, not checkbook or everything, something.
So this is the basically the final version that we are going to be in the next year to will get started
with the react, how to create the React app in a folder and then start to run it on the local.
We see that from the next figure.