/Todo-App-Express

Welcome to ToDo App with Express backend for CS Internship Step 6

Primary LanguageJavaScript

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