whyprax / todo-app

A Todo App made using React, Redux and Tailwind

React To-Do Application

A simple To-Do application built using ReactJS that allows users to add, view, and delete tasks. This application demonstrates the use of React components, hooks, and state management using Redux.

To-Do-App-React-Redux

List of Tasks

Incompleted List of Tasks

Table of Contents

• Prerequisites
• Installation
• Running the Application
• Project Structure
• Contributing
• License

Prerequisites

Before you begin, make sure you have the following prerequisites installed:

• Node.js (version 14 or later)
• npm (Node Package Manager)

You can check if you have Node.js and npm installed by running the following commands in your terminal:

node -v
npm -v

Installation

Clone the repository:

Clone the repository to your local machine using the following command:

git clone <repository-url>

Navigate to the project directory:

cd <repository-name>

Install dependencies:

npm install

Running the Application

Start the development server:

Run the following command to start the development server:

npm start

The application will start on http://localhost:3000/ in your web browser.

Using the Application

• Add a task: Enter a task in the input field and press the 'Add' button or press the 'Enter' key.
• View tasks: Added tasks will be displayed in a list.
• Delete a task: Click the delete button (trash icon) next to a task to remove it from the list.
• Mark tasks as completed/incomplete: Click the toggle button next to a task to mark it as completed or incomplete.

Project Structure

• src/: Contains the source code for the application, including components, reducers, and actions.
• public/: Contains static assets and the HTML file.
• index.js: The entry point of the application.
• package.json: Contains project configuration, dependencies, and scripts.

Contributing

Contributions are welcome! Please fork the repository and create a pull request to propose changes.

License

This project is open source and available under the MIT License.