To-Do Website

A modern, responsive to-do list application built with React, TypeScript, and Tailwind CSS. View the live site at https://eugeneng1150.github.io/To-Do-website/

Features

• ✨ Create, edit, and delete tasks
• 🎯 Set priority levels (low, medium, high)
• 🏷️ Categorize tasks (personal, work, shopping, health)
• ✅ Mark tasks as complete/incomplete
• 🎨 Color-coded priorities and categories
• 📱 Responsive design for all devices

Tech Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• Zustand (State Management)
• Lucide React (Icons)

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/eugeneng1150/To-Do-website.git
   cd To-Do-website

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:5173 in your browser

Building for Production

npm run build

Deploying to GitHub Pages

npm run deploy

Project Structure

• /src - Source code
  • App.tsx - Main application component
  • store.ts - Zustand store for state management
  • main.tsx - Application entry point
  • index.css - Global styles

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request