https://github.com/vovoka-path/todo-app

The minimal design app contains its own API for todos and users. Use React, Typescript, Mobx, Material UI.
https://github.com/vovoka-path/todo-app

axios material-ui mobx mobx-react mobx-react-lite react typescript

Last synced: about 1 month ago
JSON representation

The minimal design app contains its own API for todos and users. Use React, Typescript, Mobx, Material UI.

• Host: GitHub
• URL: https://github.com/vovoka-path/todo-app
• Owner: vovoka-path
• Created: 2023-02-01T17:48:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T10:24:31.000Z (over 3 years ago)
• Last Synced: 2025-08-05T00:01:11.587Z (11 months ago)
• Topics: axios, material-ui, mobx, mobx-react, mobx-react-lite, react, typescript
• Language: TypeScript
• Homepage: https://todo-app-mauve-nu.vercel.app
• Size: 280 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Todo app

##### [Source code](https://github.com/vovoka-path/todo-app) | [Deploy](https://todo-app-beegee.vercel.app)

## 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](https://github.com/vovoka-path/todo-app-api)

- [Deploy](https://todo-app-api-production.up.railway.app/)

### Install

###### `npm i`

## Available Scripts

### `npm start`

## Enviroment variables

`REACT_APP_API_URL="backend link"`

### Screenshot

![2023-02-11 01_00_36-Todo app - Vivaldi](https://user-images.githubusercontent.com/76701292/218207171-b25cbc05-597c-44e1-bd73-5fb50693b210.png)

### Developer

[Vladimir Polansky](https://vovoka.space)

### Contact me: