Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ersankarimi/tpa-todolist-app

Ini adalah Technical Project Assignment 5 dari Stage Front-End Web Dev di Skilvul. Untuk detail tugas lebih lanjut bisa dilihat pada link berikut Technical Project Assignment 5
https://github.com/ersankarimi/tpa-todolist-app

todo todolist todolist-app todolist-react

Last synced: about 2 months ago
JSON representation

Ini adalah Technical Project Assignment 5 dari Stage Front-End Web Dev di Skilvul. Untuk detail tugas lebih lanjut bisa dilihat pada link berikut Technical Project Assignment 5

Awesome Lists containing this project

README

        

# Todo List App with React.js & Redux

Ini adalah Technical Project Assignment 5 dari Stage Front-End Web Dev di
Skilvul. Untuk detail tugas lebih lanjut bisa dilihat pada link berikut [Technical Project Assignment 5](https://github.com/impactbyte/full-stack-web-assignments/tree/master/TPA-005-frontend)

![Screenshot 1]()

![Screenshot 2]()

## Links

### Frontend

Production:

- [`https://ersan-todolist-app.vercel.app`](https://ersan-todolist-app.vercel.app)

Local:

- [`http://localhost:5173`](http://localhost:5173)

## Main Features

- [ ] Show list of todos
- [ ] Add new todo
- [ ] Edit todo
- [ ] Delete todo
- [ ] Mark todo as completed
- [ ] Filter todo by status (all, active, completed)
- [ ] Filter todo by keyword

## Tech Stack

- HTML
- CSS
- Tailwind CSS
- JavaScript
- React
- Vite (Bundler)
- React Router
- PropTypes
- Redux
- Redux Thunk
- Redux Toolkit
- Misc
- Framer Motion
- Classnames
- Prettier
- ESLint
- eslint-config-airbnb
- eslint-plugin-import
- eslint-plugin-jsx-a11y
- eslint-plugin-react
- eslint-plugin-react-hooks
- eslint-config-prettier
- eslint-plugin-simple-import-sort

## Development

Install dependencies:

```sh
npm install
```

Run server in development mode:

```sh
npm run dev
```

Build for production:

```sh
npm run build
```

Start in production mode:

```sh
npm start
```

Format code:

```sh
npm run format
```