React Task Tracker with Mock Backend

I am not an author of this app. I have created it for learning purpose based on the React JS Crash Course 2021 with small amendments.

All credits to Brad Traversy from Traversy Media. Original repository Task Tracker App.

This project was bootstrapped with Create React App. To mock backend project uses JSON Server. I have also used React Date Picker component and Moment.js library.

My modifications:

• Use React Date Picker instead of text field for Task Date Time
• Use Moment.js for date time formatting
• Sort tasks by date
• Display error above input instead of displaying alert popup
• Handle Promise returned from Fetch API
• Move functions responsible for fetching data to fetcher class

Usage

Install dependencies

npm install

Run JSON Server (http://localhost:5000)

npm run server

Run the app in the development mode (http://localhost:3000)

npm run start

Build the app for production to the build folder.

npm run build

Install HTTP server for running production build

sudo npm install -g serve

Run the app in the production mode (http://localhost:8000)

serve -s build -p 8000