Your assignment is to make a simple to-do app on the front-end. Your website must have a Home page, a to-do page, a page not found and login page also a simple navbar to access to route(pages).
r
Note:all pages must be responsive and first mobile.
you should make website with React.js ,Redux-toolkit and for style use mui for more information about mui check this link.
you can see in root two folders Backend and Frontend.on the Backend folder is a simple data and send it to URL that you fetch them so don't go to Backend folder
Front end
pleas go to front end folder and write
yarn
about Home page
you should make Home page and get data from Backend.you must get data with redux-thunk and axios.
this is your url for your data home page
http://localhost:6200/
note:
for get data from this URL you must run Backend so please go to root project and write:
yarn
after that for run backend and front end at same time write:
yarn run dev
#if you want run just backend write
yarn run server #in root
Your home page should have image,title,description
Note: you muse get data with redux-toolkit
page not found
Make a simple page that if clients go to the wrong route see this page and they come back to the home page with a button
todo page
on todo app you should make input for add card todo also use redux-toolkit.
every todo card must have:
## edit button
## delete button
You must have a button for delete all todo card.
don't forget write comment on your code
your component must be Reuseable component if you don`t know about this ask in homework groupe or ask me.
please write for me in the Frontend folder a Documentation in the readme file how to get started with your project and explain about your website and component how your component work.
you have two weeks to finish the task also up-skills in everything you need to learn. after that, we choose you are ready to work with us or not.