#Day1 Project1

UpdatedOctober 14, 2025

Part of seriesGetting Back to Code After a Break 💻

Project Title: PlanIt-Lite (ReactJS, TailwindCSS)

This is a lighter version of my previously developed project, PlanIt. This is the first and easiest project of this challenge. It will be a single-page frontend project where users can create, edit, delete, and view tasks. Tasks will be saved in LocalStorage.

Today’s Progress
Initialized the project using Vite.
Designed the components for adding tasks and listing all tasks.
Implemented the add task and read all tasks functionality.

#9ProjectsChallenge continues 🚀

#todoapp #task-management #to-do-list #projects #reactjs #tailwind-css #mern #mern-stack

Comments

Join the discussion

No comments yet. Be the first to comment.

Getting Back to Code After a Break 💻

Part 2 of 10

In this series I am documenting my journey of rebuilding confidence after 3-month break from coding.

Up next

#Day2Project1

Continued with PlanIt-Lite project, added some more new features to it:1. Delete task functionality2. Edit task functionality3. Mark task as complete/incomplete4.UI Polish Github Repo Link - yashi-15/PlanIt-Lite My next thought, another feature we ca...

More from this blog

#Day19Project5

Today’s progress Worked on UI enhancement of landing page which was developed previously. Created Login and signup modals. Initialized backend (learning through chai and backend series to apply best practices for backend in this project), it’s hel...

Dec 5, 20251 min read

#Day18Project5

After completing CapitaCare, I am starting with second project in intermediate stage. Project Title: ViewPoint (MERN) This is a social blog posting application. User can login, create posts, and interact with the posts created by other users. I am at...

Dec 1, 20252 min read

#Day15Project4

Continued with the CapitaCare project. Today’s progress Implemented edit and delete transaction functionality on frontend Removed repeating code and merging same code in one file, to optimize code and make it cleaner. Made every page responsive. ...

Nov 13, 20251 min read

#Day14Project4

Today’s progress Instead of using dummy data for charts, real time data fetched from API is used in charts and graphs. Query parameter of month and year is allowed to fetch the transactions of that particular month and year at a time. Learned pagi...

Nov 12, 20251 min read

#Day13Project4

Today’s progress Integrated fetch API to fetch transactions for income, expense and all transactions pages. #9ProjectsChallenge continues 🚀

Oct 29, 20251 min read

Back to Code

17 posts

Command Palette

Project Title: PlanIt-Lite (ReactJS, TailwindCSS)

Comments

Getting Back to Code After a Break 💻

#Day2Project1

More from this blog