https://github.com/code-beaker/todobuddy-app
Todobuddy - A simple Todo built with React JS and TailwindCSS
https://github.com/code-beaker/todobuddy-app
Last synced: 1 day ago
JSON representation
Todobuddy - A simple Todo built with React JS and TailwindCSS
- Host: GitHub
- URL: https://github.com/code-beaker/todobuddy-app
- Owner: Code-Beaker
- Created: 2026-06-19T17:09:11.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-06-19T17:18:22.000Z (about 1 month ago)
- Last Synced: 2026-06-19T19:17:35.314Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://todobuddy-app.vercel.app
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoBuddy - A simple todo application built with React
This is a simple Todo List application built with React and TailwindCSS. I followed the YouTube tutorial by [GreatStack](https://youtu.be/WE8aYoGK0Ec?si=RphvV6dtt3bFbwiE) to build this.
- [TodoBuddy - A simple todo application built with React](#todobuddy---a-simple-todo-application-built-with-react)
- [Tools used](#tools-used)
- [Processs](#processs)
- [Outcomes](#outcomes)
- [What's next?](#whats-next)
- [Links](#links)
- [Projects](#projects)
- [Profile](#profile)
## Tools used
- VS Codium
- Vite
- React JS
- LocalStorage
- TailwindCSS
## Processs
I followed the YT tutorial to build this project. It took about 3 hours. I have built a weather app before and I will say this one is **harder** than that. About this project, it's a simple todo list application with `localStorage` so that the user's data doesn't get removed on page refresh.
Yes, **I used ChatGPT** to get some help. I don't feel like getting help is much better than vibe coding or copy-pasting it. It helped me solve errors and also understand the code.
Yes, I still find the `useEffect()` hook kind of confusing. But, I hope I'll learn about it in the future.
## Outcomes
- Learned about updating classes and CSS properties based on a condition
- Learned about updating images based on a condition
- Different actions performed on the todo items, such as adding items, deleting, setting as done
## What's next?
I will work on some other projects as well. Now, I'm thinking about creating a portfolio or a movies application. That will help me learn more deeper concepts of React.
## Links
### Projects
- [Deployed link](https://todobuddy-app.vercel.app/)
### Profile
- [LinkedIn](https://www.linkedin.com/in/tharun-raj18/)
- [X(Twitter)](https://x.com/iamtharunraj)
- [Instagram](https://instagram.com/_iamtharunraj)