This basic Task Tracker uses a fake JSON database through Typicode, allowing GET requests to display JSON data fields on a published page. When you add or remove items from the list, the UI will change accordingly but changes are not persistent because the fake JSON DB only handles GET requests, so when you reload the page the original data will return.

I learned

  • To enable CORS with http-proxy-middleware
  • Create a fake live JSON database using Typicode
  • Leverage React Components and React Router to create a basic Task App.


  • The next iteration of this App will include the creation of a real Database using MongoDB
  • The creation of a user portal where different people can log in to track their tasks independently

Tools Used

  • Create React App
  • JSON Server via
  • JavaScript
  • http-proxy-middleware to enable CORS