A simple task manager application built with React.js. This application allows users to add, delete, and mark tasks as completed.
- Task List: Display a list of tasks with their titles and statuses (e.g., "To Do" and "Completed").
- Add Task: Implement a form to add new tasks with a title and description. New tasks appear in the task list.
- Edit Task Status: Allow users to change the status of a task between "To Do" and "Completed".
- Delete Task: Enable users to delete tasks from the list.
- Styling: Basic styling to make the application visually appealing and user-friendly.
Check out the live demo of the application here.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Make sure you have Node.js and npm installed on your local machine. You can download Node.js from here.
-
Clone the repository:
git clone https://github.com/2115425Amar/React-ToDoApp.git
Navigate to the project directory:
sh cd React-ToDoApp Install the dependencies:
sh npm install Running the Application To run the application locally, use the following command:
sh npm start This will start the development server, and you can view the application by opening http://localhost:3000 in your web browser.
Building the Application To create a production build of the application, use the following command:
sh npm run build This will create an optimized build of your application in the build directory.
Deploying to GitHub Pages To deploy the application to GitHub Pages, use the following command:
sh npm run deploy This will create a production build and deploy it to the gh-pages branch of your repository. Your application will be accessible at https://2115425Amar.github.io/React-ToDoApp.
Contributing If you would like to contribute to this project, please fork the repository and create a pull request with your changes. Ensure that your code follows the project's coding standards and includes appropriate tests.
License This project is licensed under the MIT License. See the LICENSE file for more details.
Acknowledgements This project was bootstrapped with Create React App.
Thank you for using our React ToDo App! If you have any questions or feedback, feel free to open an issue or contact us.
you for using our React ToDo App! If you have any questions or feedback, feel free to open an issue or contact us.