🗒️Ma To-Do List

A little React-TypeScript-Vite-Shadcn/ui project that reproduce a to-do list behavior. In which you can :

• ➕ Create tasks with title, deadline and priority level
• ✅ Mark as completed via interactive visual indicator
• ✏️ Dynamically Update title, deadline or priority level
• 🗑️ Permanently Delete a task from the list

✨ Special Features

• 💾 Tasks are saved in your navigator cache, so that you never lose your tasks unless you clear your navigator cache
• 🌟 Developped with shadcn/ui components and MynaUI to render a simple and modern UI

📦 Installation

  $ cd path/to/you/projects/rep
  $ git clone git@github.com:alexandrebrgn/react-todolist.git
  $ cd path/to/your/project
  $ pnpm i

🚀 Usage

  $ pnpm run dev

🔗 Deployed project Link

Thanks to Vercel, you can see this little project deployed online

• 👀 See what it looks like

📄 Project architecture

This project features a modular folder structure designed to enhance maintainability and testability. Key components are logically separated

📂 to_do_list
├── 📂 public
│   └── 📁 fonts
├── 📂 src
│   ├── 📂 components
│   │   ├── 📁 components
│   │   └── 📁 ui (shadcn/ui)
│   ├── 📁 context
│   ├── 📁 helpers
│   ├── 📁 hooks
│   ├── 📁 styles
│   ├── 📁 types
│   ├── 📁 utils
│   ├── 📄 App.tsx
│   ├── 📄 main.tsx
├── 📄 .gitignore
├── 📄 package.json
└── 📄 other config files

🏺Technologies