Todo app

Source code | Deploy

Features

• Admin login (use access/refresh tokens).
• Any visitor without authorization can see the list of todos and create new ones.
• The admin has the ability to edit title and checkbox 'Done'. You can use login/pass: admin/123.
• Pangination.
• Sorting by user name, email and status.
• After restart, the state and authorization are saved.
• Validation and authorization errors are shown.
• Alerts of success/error are displayed and autohiding (feedback from backend).
• XSS vulnerabilities are not allowed.

Stack

• React
• Typescript
• Mobx (mobx-lite)
• Material UI

Backend (API) for this app

• Source code
• Deploy

Install

npm i

Available Scripts

npm start

Enviroment variables

REACT_APP_API_URL="backend link"

Screenshot

Developer

Vladimir Polansky

Contact me: