A complete Todo application with all features, created with ❤️ by Aditya Armal.
You can explore the live demo of this Todo App by visiting https://adityaarmal-todo-app.vercel.app/
In this project, we have built a comprehensive Todo Application that includes all essential features. We have implemented Create, Read, Update, and Delete (CRUD) operations. The application is developed using React.js, and for state management, we have utilized Redux. Additionally, we've incorporated simple animations using Framer Motion. This project is beginner-friendly and designed to help you learn the fundamentals of building a React-based Todo application. We hope you enjoy using it!
- : The core library for building the user interface.
- : Utilized for state management.
- : Used to create simple animations for a more engaging user experience.
- : For adding icons to the application.
- : A library for displaying toasts and notifications in React applications.
- : A library for generating universally unique identifiers.
The following tools were used in the development of this project:
- Favicon: The favicon for this project was obtained from Flaticon.com.
- Code Editor: Visual Studio Code (VS Code) was used as the code editor.
To enhance your development experience, the following Visual Studio Code extensions were used in this project:
- ES7+ React/Redux/React-Native snippets: Provides helpful code snippets for React, Redux, and React Native development.
- ESLint: A linter that helps maintain code quality and style.
- GitHub Theme (Default): The GitHub-inspired theme for a clean coding interface.
- Prettier - Code formatter: Ensures consistent code formatting and style.
Before getting started with this project, you should have:
- Basic knowledge of React.js.
- Basic knowledge of HTML and CSS.
- Clone this repository to your local machine:
git clone https://github.com/aditya-armal/reactjs-todo-app.git
Navigate to the project directory:
cd react-todo-app
Install the project dependencies:
npm install
Start the development server:
npm start
Open your web browser and visit http://localhost:3000 to access the Todo App.