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

To collect together all design styles in one place.

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

• 🎁 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: mobile first approach, atomic design, progressive web app

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.