Skip to content

Asmaa-Abdo22/To-Do-App-js-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📋 Task Manager App

A sleek, responsive task management web application with user authentication and intuitive task organization.

🚀 Live Demo

🔗 Click here to view the demo

✨ Features

  • 👤 Authentication: Sign Up & Login with validation.

  • 📝 Task Management: Add, Edit, Delete, Search, and Categorize tasks.

  • 🎨 UI Enhancements: Dark/Light mode & task background color changer.

  • 📊 Counters: Track tasks in Next Up, In Progress, and Done.

  • 📱 Responsive Design: Works smoothly on all screen sizes.

  • Animations: Beautiful transitions

  • 💾 Local Storage - Data persists in your browser

    📸 Screenshots

    🏠 Home Page

    Home Screenshot

    🔑 Login Page

    Login Screenshot

    📝 Sign Up Page

SignUp Screenshot

🛠️ Technologies Used

  • HTML5 / CSS3 / Bootstrap 5
  • JavaScript (ES6+)
  • SweetAlert2 (for alerts)
  • AOS (for animations)

Project Structure

to-do-list/
├── index.html
├── signIn.html
├── signUp.html
├── css/
│   ├── bootstrap.min.css
│   ├── all.min.css
│   └── stylee.css
├── js/
│   ├── bootstrap.bundle.min.js
│   ├── index.js
│   ├── sign-in.js
│   └── sign-up.js
├── images/
│   ├── favicon.png
│   ├── Rating.png
│   └── tasks.png
└── README.md

👩‍💻 Developed by Asmaa Abdo

About

This is To-Do List Web App that demonstrates CRUD operations (Create, Update, Delete, Search) using HTML, CSS, and JavaScript. With a user-friendly interface, this app allows you to easily manage your tasks and offers two viewing options. Plus, switch between light and dark mode to customize your experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors