gsunil99/todo-fe

Todo Front End React App Live

This is a simple Todo application built using React.js. It allows users to create, manage, and track their tasks or to-do items. This README file provides an overview of the application and instructions on how to set it up and run it on your local machine.

Features

• Create new tasks
• Mark tasks as completed
• Delete tasks
• Filter tasks by status (completed or active)

Prerequisites

Before running the Todo React App, ensure you have the following installed on your machine:

• Node.js (v12 or higher)
• npm (Node Package Manager)

Installation

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

git clone https://github.com/gsunil99/todo-fe.git

2. Navigate to the project directory:

cd todo-fe

3. Install the project dependencies:

npm install

Usage

To start the Todo React App, follow these steps:

1. Run the development server:

npm start

2. Open your web browser and visit http://localhost:3000 to access the application.

Folder Structure

The folder structure of the Todo React App is as follows:

todo-react-app/
  ├── public/
  │   ├── index.html
  │   └── ...
  ├── src/
  │   ├── components/
  │   │   ├── Task.js
  │   │   └── ...
  │   ├── App.js
  │   ├── index.js
  │   └── ...
  ├── .gitignore
  ├── package.json
  └── README.md

• The public/ directory contains the index.html file and other static assets.
• The src/ directory contains the main source code of the Todo React App.
• The src/components/ directory contains reusable React components used in the application.
• The App.js file is the entry point of the application and contains the main logic.
• The index.js file is responsible for rendering the application in the browser.
• The .gitignore file specifies which files and directories should be ignored by Git.
• The package.json file lists the project dependencies and contains scripts to run the application.
• The README.md file provides information about the Todo React App.

Contributing

If you'd like to contribute to the development of the Todo React App, please follow these guidelines:

1. Fork the repository and clone it to your local machine.
2. Create a new branch for your feature/bug fix.
3. Make the necessary changes and test thoroughly.
4. Commit your changes and push them to your forked repository.
5. Submit a pull request describing your changes and improvements.

Backend

The backend code for todo is here

Contact

If you have any questions, suggestions, or feedback, please feel free to contact the project maintainer at gsunil99910@gmail.com.