Skip to content

Latest commit

 

History

History
39 lines (27 loc) · 1.19 KB

README.md

File metadata and controls

39 lines (27 loc) · 1.19 KB
Raw

Todo List

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

Purpose

To collect together all design styles in one place.

Demo

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

Design styles

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

Used technologies

  • 🎁 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

How to run

  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.