Skip to content

TaskFlow is a modern, aesthetically pleasing to-do application built with pure HTML, CSS, and JavaScript. It features a complete user authentication system, smart task management with deadline tracking, and a beautiful responsive design that works seamlessly across all devices.

Notifications You must be signed in to change notification settings

joemathew2004/To-Do-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

TASKFLOW: To-Do App

A modern, aesthetic to-do application with user authentication and customizable themes.

Work Experience Summary Generation

✨ Features

  • User Authentication - Secure sign up and login system
  • Task Management - Add, complete, and delete tasks with deadlines
  • Visual Statistics - Track total, completed, and pending tasks
  • Custom Themes - 5 beautiful color themes (Blue, Pink, Cyan, Green, Orange) to personalize your experience
  • Deadline Tracking - Set due dates with visual indicators for overdue/today tasks
  • Celebration Mode - Special message when all tasks are completed
  • Responsive Design - Works perfectly on desktop and mobile devices

🎯 Usage

  1. Adding Tasks: Enter task description and optional deadline
  2. Completing Tasks: Click the checkbox to mark as done
  3. Deleting Tasks: Click the delete button to remove
  4. Changing Themes: Click the color picker icon and select a theme
  5. Viewing Stats: Check the statistics panel for progress overview
  6. Task Priority: Tasks are automatically sorted - incomplete tasks with earliest deadlines appear first

πŸ’Ύ Data Storage

  • All data is stored locally in your browser's localStorage
  • User accounts, tasks, and theme preferences are saved per user
  • Data persists between browser sessions
  • No external database required

πŸš€ Getting Started

  1. Clone or download the project files
  2. Open index.html in your web browser
  3. Click "Get Started" to access the authentication page
  4. Create an account or sign in
  5. Start managing your tasks!

πŸ”§ Technical Details

  • Frontend Only - Pure HTML, CSS, and JavaScript
  • No Dependencies - No external libraries required
  • Modern CSS - Uses gradients, backdrop-filter, and flexbox
  • Responsive - Mobile-first design approach
  • Cross-browser - Compatible with all modern browsers
  • Mobile-First - Responsive design with mobile optimizations

πŸ”’ Security Note

This app stores data locally in your browser. For production use with sensitive data, consider:

  • Adding data encryption
  • Implementing a backend database
  • Adding user session management
  • Including data backup features

🀝 Contributing

Feel free to fork this project and submit pull requests for improvements!


Enjoy organizing your tasks with TaskFlow! πŸŽ‰

About

TaskFlow is a modern, aesthetically pleasing to-do application built with pure HTML, CSS, and JavaScript. It features a complete user authentication system, smart task management with deadline tracking, and a beautiful responsive design that works seamlessly across all devices.

Topics

Resources

Stars

Watchers

Forks

Languages