Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

A to do List application that allows users to create and manage their tasks.

License

NotificationsYou must be signed in to change notification settings

ZiadSheriif/Todo-List

Repository files navigation

GitHub contributorsGitHub issuesGitHub licenseGitHub forksGitHub starsGitHub Language

📝 Table of Contents

📙 About

A to do List application that allows users to create and manage their tasks. It provides a simple and intuitive interface for users to add, edit, delete, and complete tasks.

🌠 Features

  1. Ability to add new tasks.
  2. Ability to view tasks based on different categories,such as
    • Today's Tasks
    • All Tasks
    • Important Tasks
    • Completed Tasks
    • Uncompleted Tasks
  3. Ability to mark tasks ascompleted oruncompleted.
  4. Ability to edit and delete tasks.
  5. Ability to search for tasks using a search bar.
  6. Responsive design that works well on desktop and mobile devices.
  7. Integration with local storage to persist data between sessions.

Note

I am still working on the project, this is not the final verison of it, I just make it public to get feedback and imporve it

📂 Folder Structure

├───Assets│   └───images├───Components│   ├───CardTask│   ├───DeleteTaskModal│   ├───LeftSideBar│   ├───RightSideBar│   ├───SearchBar│   ├───TaskModal│   └───ToastModal├───Hooks├───Layouts│   ├───Header│   └───ShowTasks├───Pages│   └───HomePage├───Theme└───Utils

🏁 Getting Started

This is an list of needed instructions to set up your project locally, to get a local copy up and running follow theseinstructuins.

Prerequisite

  1. Node.js

Installation

  1. Clone the repository
$ git clone https://github.com/ZiadSheriif/Todo-List.git
  1. Navigate to TodoList Folder
$cd TodoList

Running

Running program

  1. Install modules
npm install
  1. Start program
npm start

💻 Built Using

  • ReactJs
  • React Bootstrap

📸 Demo Screens

All Tasks

Today's Tasks

Important Tasks

Completed Tasks

Add task

Edit task

Delete task

Notifications

Responsitivity

🕴 Contributors

Ziad Sherif
Ziad Sherif

⏳ Backlog

  • Add a feature to categorize tasks, allowing users to filter tasks by category.
  • Implement a due date feature that allows users to set a due date for tasks and receive reminders when tasks are approaching their deadline.
  • Add the ability to sort tasks by various criteria, such as due date, priority, or category.
  • Store tasks in a JSON file instead of local storage.
  • Implement a search functionality to enable users to search for specific tasks by keyword or phrase.
  • Add the ability to prioritize tasks by assigning them different levels of importance or urgency.
  • Implement a calendar view that shows tasks on a monthly or weekly calendar, making it easier for users to plan and manage their tasks.
  • Add directory that user can attach task in a sub directory.
  • Implement authentication and authorization features to allow users to create and manage their own tasks.
  • Allow users to drag and drop tasks to rearrange their order or move them between categories.
  • Ability to filter tasks by status (all, active, completed).
  • Ability to edit task details.

📃 License

This software is licensed under MIT License, SeeLicense for more information ©ZiadSheriif.

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp