Todo-App-Express

To Do App Express

The ToDo application is a robust web-based server program built using the Express framework, designed to streamline your task management process.

Key Features

Add Tasks

• To effortlessly add a task, simply type your task into the input field.
• Click the "Add Task" button to instantly include it in your task list.

Filter Tasks

• Easily sort and manage tasks using the intuitive filter options:
  • "All": View all tasks, whether they're pending or completed.
  • "Active": Focus on pending tasks that require your attention.
  • "Completed": Review tasks that have been successfully accomplished.

Clear Tasks

• Initiate a fresh start with the "Clear" button, which swiftly removes all tasks from your list.
• This convenient feature provides you with a clean slate to organize new tasks effectively.

Persistence

• Rest easy knowing that your tasks and data are securely stored and managed using Express.
• This robust persistence ensures that your tasks remain intact and accessible even if the server is closed, refreshed, or restarted.

Local Storage

The application seamlessly employs client-side storage to automatically preserve the latest state of your tasks. Whether you close the tab or refresh the page, your tasks are consistently safeguarded.

Import and Export

Upload

• Simplify the task management process by importing tasks or data into the application.
• Utilize the "Upload" feature to seamlessly transfer task lists or data from external sources, such as JSON files, into the application.

Download

• Secure your task list or data with ease using the "Download" feature, which allows users to export tasks in JSON format.
• Whether for backup or in-depth analysis, this feature empowers users to retain control of their data.

Theme Customization

Theme Button

• Tailor your task management experience to your preferences with the "Theme" button.
• Choose from four distinct themes, each offering a unique background and color palette.
• Instantly transform the visual appearance of the application to match your style.

Running the Project

To run this project locally, follow these steps:

1. Clone the project repository to your local machine using the following command:

   git clone https://github.com/Hanieh-Sadeghi/Todo-App-Express.git
   

2. Start the Node.js server by running the following command in your terminal:

   node server/server.js
   

3. Once the server is running, open your web browser and go to:

   http://localhost:3000
   

   You can now enjoy the project running on your local server.

YouTube Showcase

• Watch the video