Skip to content

This project is a simple yet effective To-Do List Application that helps users efficiently manage their daily tasks. Users can add, edit, mark as completed, and delete tasks, with additional features such as sorting, searching, and theme toggling.

Notifications You must be signed in to change notification settings

Saiharitha3/To-Do-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

✅ To-Do List Application

This project is a simple yet effective To-Do List Application that helps users efficiently manage their daily tasks. Users can add, edit, mark as completed, and delete tasks, with additional features such as sorting, searching, and theme toggling.


✨ Features

  • 📝 Task Management: Add, edit, mark as completed, and delete tasks effortlessly.
  • 📊 Sorting & Filtering: View tasks by priority or completion status.
  • 🔍 Search Functionality: Quickly find specific tasks using a search bar.
  • 🎨 Light & Dark Mode: Switch between light and dark themes for better visibility.
  • 💾 Persistent Storage: Tasks are stored using Local Storage and a Node.js backend API.
  • 🌐 Responsive Design: Fully optimized for desktops, tablets, and mobile devices.

🔧 Technologies Used

Frontend:

  • 🏗 HTML: Provides the structure of the web page.
  • 🎨 CSS: Enhances styling, layout, and responsiveness.
  • JavaScript: Handles logic for task management, event listeners, and UI interactions.
  • 🎭 Font Awesome: Adds icons for better user experience.

Backend:

  • 🚀 Node.js & Express.js: Handles API requests and task data.
  • 🔄 CORS & Body-Parser: Middleware for API request handling.

⚙️ How It Works

  1. Adding Tasks: Enter a task manually and set priority & due date.
  2. Editing Tasks: Click the edit button to modify a task.
  3. Marking Completion: Click the checkbox to mark a task as done.
  4. Deleting Tasks: Click the trash icon to remove a task.
  5. Sorting & Filtering: Use the dropdown to organize tasks by status.
  6. Dark Mode Toggle: Click the moon/sun icon to switch themes.

🔮 Future Enhancements:

  • "📅 Due Date Reminders via Notifications"
  • "📊 Task Analytics for productivity tracking"
  • "☁ Database Integration for persistent storage"
  • "🎤 Voice Commands for hands-free task management"

Notes:

  • "Ensure Node.js is installed before running the backend."
  • "The server currently stores tasks in local memory of browser."
  • "This project is fully open-source, and contributions are welcome!"

About

This project is a simple yet effective To-Do List Application that helps users efficiently manage their daily tasks. Users can add, edit, mark as completed, and delete tasks, with additional features such as sorting, searching, and theme toggling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published