📝 My Todo List - React Application

A sleek and intuitive task management application built with React, designed to help you stay organized and boost productivity with simplicity and style.

📸 Preview

🗂 Project Structure

.
├── public/
│   ├── favicon.ico              # Browser tab icon
│   ├── index.html               # Main HTML file
│   ├── logo192.png              # App icon 192x192
│   ├── logo512.png              # App icon 512x512
│   ├── manifest.json            # PWA manifest
│   └── robots.txt               # SEO robots instructions
│
├── src/
│   ├── App.js                   # Main application component
│   ├── App.css                  # Main application styles
│   ├── App.test.js              # Application tests
│   ├── index.js                 # Application entry point
│   ├── index.css                # Global styles
│   ├── logo.svg                 # React logo
│   ├── reportWebVitals.js       # Performance monitoring
│   └── setupTests.js            # Test configuration
│
├── .gitignore                   # Files and folders ignored by Git
├── LICENSE                      # MIT License
├── README.md                    # Project documentation
├── package.json                 # Project metadata and dependencies
└── package-lock.json            # Lock file for exact dependency versions

✨ Features

• ✅ Add and delete tasks
• 🔄 Drag & Drop task reordering [🚧 Under Development]
• 💾 Local storage - your tasks persist after refresh
• 📱 Responsive design works on all devices
• 🎯 Simple and intuitive user interface

🛠️ Built With

• React - Frontend framework
• HTML5 - Semantic markup & application structure
• CSS3 - Styling and animations
• Local Storage - Data persistence
• JavaScript ES6+ - Modern JavaScript features

🚀 Getting started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/Pupler/My-Todo-App.git
cd My-Todo-App

# Install dependencies
npm install

# Start the development server
npm start

# Open your browser
# Navigate to http://localhost:3000

🧩 Available Scripts

npm start — Runs the app in development mode

npm run build — Builds the app for production

npm test — Launches the test runner

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.