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

Install

`npm i`

Available Scripts

`npm start`

Enviroment variables

REACT_APP_API_URL="backend link"

Screenshot

Developer

Vladimir Polansky

Contact me: