ToDo App - Material Design (ReactJs)

Demo: https://todo-app-react-2019.herokuapp.com/

Laptop Screenshot

Mobile Screenshot

A basic todo app without authentication or persistent storage.

Then why this is here :P It is just a responsive lite weight demo app built with react 16.8.x.

So far this project doesn't have a single class component, its fully wired using react's memo functional components. Material UI is really awesome to build react apps.

State management is completely handled through React Hooks.

• React (16.x)
• Material UI (3.9.x)
• Webpack (4.x)
• Typescript (3.x)
• Hot Module Replacement (HMR) using React Hot Loader (4.x)
• Babel (7.x)
• Jest - For Testing
• Typescript compiling using Awesome Typescript Loader (5.x)
• Code quality (linting) for Typescript.
• Linting rules - Airbnb JavaScript Style Guide and custom rules can be defined in lint/rules

Installation

1. Clone/download repo
2. yarn install (or npm install for npm)

Usage

Development

yarn run start-dev

• Build app continuously (HMR enabled)
• App served @ http://localhost:8080

Production

yarn run start-prod

• Build app once (HMR disabled)
• App served @ http://localhost:3000

---

Scripts

Command	Description
yarn run start	Build app continuously (HMR enabled) and runs in @ http://localhost:3000
yarn run build	Build app to /build/
yarn run clean	To clean the existing build directory
yarn run test	Run tests and gets the coverage reports in tests/coverage
yarn run lint	Run Typescript linter

Note: Replace yarn with npm if you use npm.