TickTickBoom Todos is a sleek and intuitive task management web app built with React and Redux. It helps users efficiently add, track, and organize their daily tasks with features such as priority marking and completion status.
I built this Todo List app from scratch under the guidance of Manoj Satishkumar through his Udemy course React, Redux & Material UI Workshop for Beginners. This hands-on experience strengthened my understanding of state management, UI components, and unit testing best practices and ultimately enabled to me to become a better Web Developer.
- Add and delete todos easily
- Mark todos as completed
- Prioritize important tasks with a star indicator
- Persistent state management using Redux and local storage
- Responsive UI built with Material-UI components
- Automated unit tests for Redux reducers
- Frontend: React, Material-UI
- State Management: Redux, Redux Saga
- Testing: JEST
- Build Tool: Babel, Webpack
- IDE: Visual Studio Code
TickTickBoom_Todos_Demo_Video.mp4
Ensure you have the following installed:
- Clone the repository:
git clone https://github.com/zul132/TickTickBoom-todos-app-using-react.git cd TickTickBoom-todos-app-using-react - Install dependencies:
npm install
- Start the development server:
The app will be available at http://localhost:3000.
npm start
To create an optimized production build, run:
npm run buildThis generates a build/ folder containing the production-ready app.
To execute unit tests:
npm run testThis project is licensed under the ISC License.
Developed by Fathima Zulaikha
Enhance your productivity with TickTickBoom Todos! 🚀