Live demo: deployed on netlify: https://qwili-todo.netlify.app/

This website is a fully responsive react web todo list app and it is also using the React Router to its navigation. This webapp is also using JSONPlaceholder as instructed but I also built my own custom routes and controllers with node and express.

• http://localhost:5000/todos

• http://localhost:5000/todos

• http://localhost:5000/todos/${id}

Aproach

• Build custom routes and controllers with node and express
• build a fully responsive website.
• use React Router.
• Connect server and client

Some References:

• useEffect hooks
• Async and Await
• Javascript Promises
• State and Lifecycle

Download the repo with:

$ https://github.com/SOTASHE/React-node-todo

After downloading the repo you can cd into the Server and then open up your console and type

$ npm install

before running the client first make sure server is running, run the following script to run server:

$ npm start

now you can run the following to start the client:

$ cd client
$ npm start

incase you having problems with local routings from my server you can use the one from json place holder:

https://jsonplaceholder.typicode.com/todos/${id}

https://jsonplaceholder.typicode.com/todos

https://jsonplaceholder.typicode.com/todos

All the assets are already included so you can run the application and it will work.

Happy Coding!

Snaye.

Copyright © 2022, Snaye. Released under the MIT License.