https://github.com/aliko2020/todo-app

A todo app created with react to practice useContext with useReducer
https://github.com/aliko2020/todo-app

localstorage pagination react usecontext usureducer

Last synced: about 1 month ago
JSON representation

A todo app created with react to practice useContext with useReducer

• Host: GitHub
• URL: https://github.com/aliko2020/todo-app
• Owner: Aliko2020
• Created: 2025-01-07T01:49:39.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-01-07T15:56:56.000Z (about 1 month ago)
• Last Synced: 2025-01-07T16:26:24.630Z (about 1 month ago)
• Topics: localstorage, pagination, react, usecontext, usureducer
• Language: JavaScript
• Homepage: https://todo-app-46u2.onrender.com/
• Size: 52.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo App

A simple and intuitive Todo App built using the MERN stack (MongoDB, Express.js, React.js, and Node.js). This application allows users to manage their tasks effectively by adding, updating, and deleting todos.

## Screenshots

### Homepage

![Homepage](./src/assets/first.png)

### Add Task Page

![Add Task](./src/assets/second.png)

## Features

- **Add Tasks**: Easily add new tasks with descriptions.

- **Update Tasks**: Edit tasks as needed.

- **Delete Tasks**: Remove completed or unwanted tasks.

- **Responsive Design**: Optimized for all devices.

- **Persistent Storage**: Tasks are stored in a MongoDB database.

## Technologies Used

- **Frontend**: React.js

- **State Management**: React Hooks/Context API/useReducer

## Prerequisites

Ensure you have the following installed:

- A package manager like `npm` or `yarn`

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Aliko2020/Todo-App.git

   cd todo-app

2. Install dependencies:

   npm install

3. npm run dev