Skip to content

This simple web app helps you organize your tasks. πŸ“ With HTML , CSS and JAVASCRIPT, you can add βž•, view πŸ‘€, edit ✏️, and delete πŸ—‘οΈ tasks. Tasks are saved in your browser πŸ’Ύ. You can switch between πŸŒ™ Dark Mode and 🌞 Light Mode. Perfect for students πŸ“š and professionals . Future updates may include reminders πŸ””, task sharing , πŸš€

Notifications You must be signed in to change notification settings

abderrahmane-laourf/project-Task-Management-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Task Manager App πŸ“‹

A simple, lightweight web application to manage tasks with CRUD operations (Create, Read, Update, Delete), search functionality, and theme switching. Built using HTML, CSS, and JavaScript

Inspired From :

https://youtube.com/playlist?list=PLknwEmKsW8OuTqUDaFRBiAViDZ5uI3VcE&si=aKXquakxbC7vBTB5

Features

  • βž• Add Tasks: Create new tasks easily.

  • ✏️ Edit Tasks

  • *: Modify task details anytime.

  • πŸ—‘οΈ Delete Tasks: Remove tasks when completed.

  • πŸ” Search Tasks: Find tasks by name or description.

  • πŸŒ™ Dark Mode & 🌞 Light Mode: Switch between themes for comfort.

πŸ–ΌοΈπŸŒž img with light mode:

Screenshot 2024-12-30 132538

πŸ–ΌοΈπŸŒ™ img with dark mode:

Screenshot 2024-12-30 132608

Experience the app in action: Live Demo Link

πŸ“ Preview

πŸ’­ How It Works Add Tasks: Fill in task details and click Add to create a task. Edit Tasks: Click Edit next to any task to update it. Delete Tasks: Click Delete to remove a task from the list. Search Tasks: Use the search bar to filter tasks. Switch Themes: Toggle between light and dark mode for better readability.

🏁 Getting Started

To get started with the Task Manager app, follow these steps:

  1. Clone the repository to your local machine by running the following command in your terminal:

    https://github.com/abderrahmane-laourf/project-Task-Management-System.git
  2. Navigate to the project directory:

    project crud
  3. Open the index.html file in your browser, or use a Live Server extension for real time preview and development:

    • If you are using Visual Studio Code, you can install the Live Server extension and click on "Go Live" in the bottom-right corner to start the local server.
    • Alternatively, open index.html directly in your browser.

⛏️ Built With

This project is built using the following technologies:

  • HTML: Provides the basic structure and layout of the app.
  • CSS: Used for styling the app and enabling theme switching between light and dark modes.
  • JavaScript: Handles the core functionality, including CRUD operations (Create, Read, Update, Delete) and the theme toggle

🀝 Contributions

We welcome contributions from everyone! Here's how you can contribute:

  • Fork the repository to create your own version.
  • Clone your fork to your local machine and make changes.
  • Create a pull request with your changes for review.

If you find any bugs or have suggestions for improvements, feel free to open an issue in the GitHub repository.


πŸ“œ License

This project is licensed under the MIT License. You can freely use, modify, and distribute it under the terms of this license.

About

This simple web app helps you organize your tasks. πŸ“ With HTML , CSS and JAVASCRIPT, you can add βž•, view πŸ‘€, edit ✏️, and delete πŸ—‘οΈ tasks. Tasks are saved in your browser πŸ’Ύ. You can switch between πŸŒ™ Dark Mode and 🌞 Light Mode. Perfect for students πŸ“š and professionals . Future updates may include reminders πŸ””, task sharing , πŸš€

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published