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

https://github.com/yudwig/next-redux-todo

A sample implementation for todo-app using next.js, redux and typescript.
https://github.com/yudwig/next-redux-todo

atomic-design clean-architecture material-ui nextjs re-ducks redux storybook styled-components typescript vercel

Last synced: about 1 month ago
JSON representation

A sample implementation for todo-app using next.js, redux and typescript.

Awesome Lists containing this project

README

        

## Todo App Example

πŸš€ Deployed on Vercel
https://next-redux-todo.vercel.app/

γ‚Ήγ‚―γƒͺγƒΌγƒ³γ‚·γƒ§γƒƒγƒˆ 2021-05-27 21 34 39

## Features

The following technologies are used.

| Category | Technology | Link |
|:--|:--|:--|
| Language | TypeScript | https://www.typescriptlang.org/ |
| Library | React | https://reactjs.org/ |
| Framework | Next.js | https://nextjs.org/ |
| Documentation | Storybook | https://storybook.js.org/ |
| UI Library | Material UI | https://material-ui.com/ |
| Styling | styled components | https://styled-components.com/ |
| Skelton | create-next-app | https://nextjs.org/docs/api-reference/create-next-app |
| App State Management | Redux (with re-ducks pattern) | https://redux.js.org/ |
| Component State Management | useState hook | https://reactjs.org/docs/hooks-state.html |
| Code Linter | ESLint | https://eslint.org/ |
| Code Formatter | Prettier | https://prettier.io/ |
| Design System | Atomic Design | https://atomicdesign.bradfrost.com/ |

## How to run

* Run the development server

```bash
yarn dev
```

* Run the storybook server

```bash
yarn storybook
```