Todo-List-WebApplication Tailwind Templates

Todo List Webapplication

This is a full-featured To-Do application built with React and DHIS2 dataStore API.

This is a full-featured To-Do application built with React and DHIS2 dataStore API. It features a clean and responsive User Interface styled with Tailwind CSS.

Video link:

[todo-video.webm](https://github.com/Allen7702/Todo-List-WebApplication/assets/83769589/0ea97a08-576a-458e-97a8-4daa61128238)

Features

  1. Listing of To-Dos: Retrieves and displays all To-Do items from the DHIS2 dataStore API.

  2. Addition of To-Dos: Adds new To-Dos with title and description to the DHIS2 dataStore API.

  3. Deletion of To-Dos: Deletes specific To-Do items from the DHIS2 dataStore API.

  4. Updating of To-Dos: Edits and updates the details of existing To-Dos in the DHIS2 dataStore API.

  5. Filtering of To-Dos: Filters the displayed To-Dos based on their completion status.

  6. Responsive Design: Adapts to different viewport sizes for usability across phones, tablets, and desktops.

  7. Notification: Notifies user whenever a To-Do item is added, updated or deleted.

Setup and Installation

To get the project up and running, follow these steps:

  1. Clone the repository:
git clone https://github.com/Allen7702/Todo-List-WebApplication
  1. Install the dependencies:
    cd Todo-List-WebApplication
    npm install
    

3.Start the project

npm start

Languages and Tools:

javascript react tailwind

Connect with me:

allen-mgeyekwa

Top categories

Loading Svelte Themes