Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/techmannih/to-do

Basic To-Do application using ReactJS that allows users to add, view, and delete tasks.
https://github.com/techmannih/to-do

Last synced: 10 days ago
JSON representation

Basic To-Do application using ReactJS that allows users to add, view, and delete tasks.

Awesome Lists containing this project

README

        

# React To-Do Application
This is a simple To-Do application built with ReactJS and Redux. It allows users to add, view, and delete tasks.

## Objective
The main objective of this project is to demonstrate proficiency in building a basic React application with Redux state management
## Features
- **Add Task**: Input a task and add it to the list.
- **View Tasks**: Display all tasks in a list format.
- **Delete Task**: Remove a task from the list.

## Technologies Used
- HTML
- CSS
- Bootstrap 5
- JavaScript (ES6+)
- ReactJS
- Redux
## Getting Started
To run this application locally, follow these steps:
### 1. Clone the repository:
```bash
git clone https://github.com/techmannih/to-do.git
````
### 2. Navigate to the project directory:
```bash
cd to-do
````
### 3. Install dependencies:
```bash
npm install
````
### 4. Start the development server:
```bash
npm run dev
````
### 5. Open your browser and navigate to http://localhost:5371

## Usage
1. Enter a task in the input field and press "Add" or press Enter to add it to the list.
3. View all added tasks in the list.
4. To delete a task, click the "X" button next to the task.

## Contributing
Contributions are welcome! Feel free to fork the repository and submit pull requests with your enhancements.