This project represents modern UI design styles under a to-do list app.

To collect together all design styles in one place.

A live demo is available at https://todo-list-rust-theta.vercel.app.

All design styles are written from scratch. This application does not use any UI component library. Currently, the app implements the following design styles:

• Modern Flat Dark
• Modern Flat Light
• Brutalism
• Neubrutalism
• Glassmorphism
• Cardboard

• 🎁 Project: vite, react, typescript
• 🛠️ Tools: yarn, eslint, prettier, husky, speedy web compiler, conventional commits, storybook
• 🎨 Styling: styled-components by emotion
• 🧪 Testing: jest, react-testing-library
• 💎 Others: desktop first approach, atomic design, progressive web app

To see all components in isolation:

1. Run yarn storybook in the root directory.
2. Open http:https://localhost:6006 in your browser.

1. Install Node.js.
2. Install Yarn.
3. Clone the repository.
4. Type and run: yarn in the root directory.
5. Type and run: yarn dev in the root directory.
6. Open http:https://localhost:5173 in your browser to see the app.