📋 To do Today

A modern, responsive task management application designed to help you organize your daily tasks efficiently. Built with React and featuring a beautiful gradient design with dark/light mode support.

✨ Features

• ✅ Daily Task Management - Focus on today's tasks only
• 🌙 Dark/Light Mode - Toggle between themes with perfect icons
• 📊 Productivity Dashboard - Track your progress with beautiful analytics
• ⏰ Time Tracking - Set start/end times with automatic duration calculation
• 🎯 Priority System - High, medium, and low priority tasks
• 💾 Local Storage - Your tasks persist between sessions
• 📱 Fully Responsive - Works perfectly on all devices
• 🎨 Beautiful UI - Gradient animations and modern design

🚀 Live Demo

View Live Demo

🛠️ Technologies Used

• Frontend: React 18, CSS3, FontAwesome Icons
• State Management: React Hooks (useState, useEffect)
• Storage: Browser LocalStorage
• Icons: FontAwesome 6
• Styling: CSS Variables for Theming, Gradient Animations

📦 Installation

To run this project locally:

# Clone the repository
git clone https://github.com/ChaMatteCoder/to-do-today.git

# Navigate to the project directory
cd to-do-today

# Install dependencies
npm install

# Start the development server
npm start

The app will open in your browser at http://localhost:3000.

🎨 Project Structure

to-do-today/

├── public/

│ ├── index.html

│ └── manifest.json

├── src/

│ ├── components/

│ │ ├── AddTodo/

│ │ ├── TodoList/

│ │ ├── TodoItem/

│ │ ├── Filters/

│ │ ├── Dashboard/

│ │ └── ProgressBar/

│ ├── context/

│ │ └── ThemeContext.js

│ ├── config/

│ │ └── fontAwesome.js

│ ├── App.js

│ ├── App.css

│ └── index.js

├── README.md

└── package.json