Skip to content

KOrtizLedezma/To-Do-List-Webpage

Repository files navigation

To-Do List Web App

Welcome to the To-Do List Web App project! This application allows users to efficiently manage their daily tasks while keeping everything organized by dates. It also features user authentication and real-time data updates using Firebase.

🚀 Features

  • User Authentication: Register, log in, and manage sessions with Firebase Authentication.
  • Task Management: Add, view, and organize tasks by specific dates.
  • Calendar Integration: Select a date to view or manage tasks assigned to that day.
  • Responsive Design: Mobile and desktop-friendly interface.
  • Visual Enhancements: Includes particle animations for a visually appealing experience.

🛠️ Technologies Used

  • Frontend: React, Next.js
  • State Management: React Hooks
  • Authentication: Firebase Authentication
  • Database: Firestore (Firebase)
  • Styling: Tailwind CSS
  • Animation: Framer Motion, Particle Animation

🌐 Live Demo

You can check out the live demo here.

📚 How to Use

  1. Log in or Register: Create a new account or log in with your existing credentials.
  2. Pick a Date: Use the integrated calendar to select a date and view tasks for that day.
  3. Add a Task: Enter the task description and add it to the selected date.
  4. Remove a Task: Hover over a task to reveal a "X" button. Click the button to remove the task from your list.
  5. Task Management: View your tasks and check their completion status.

📧 Contact Me

Feel free to reach out to me through:

🛠️ Deployment

This project is deployed using Vercel.


Stay organized and productive with this simple and intuitive To-Do List web app!

Releases

No releases published

Packages

No packages published