🚀 Day 43 & 44 — Firebase Auth in Trackr
Set up Firebase Auth, created a test user, built Login page, connected React Router, and started email/password login.
Debugged import, path, and blank screen issues.
Next: protected dashboard routes.
#ReactJS#Firebase
Day 41 & 42 building Trackr🚀
Connected my Job Tracker app with Firebase Firestore.
Worked on:
✅Real-time syncing
✅Add/edit/delete jobs
✅Hide/unhide jobs
✅Kanban status updates
Learning: Firebase listener handles UI updates, avoid duplicate state updates.
#ReactJS#Firebase
Day 39 & 40 of building Trackr🚀
Connected my React Job Tracker app with Firebase.
Worked on:
✅Firebase setup
✅Firestore database
✅Backend data flow
Learning:
Frontend + backend flow makes Trackr feel production-ready💻
#BuildInPublic#ReactJS#Firebase
Day 38 of building Trackr 🚀
Improved navigation and UX flow.
Worked on:
✅ Logo links home
✅ Home in dropdown
✅ NotFound page
✅ Invalid routes
✅ ScrollToTop
Learning:
Great UX is more than pages.
Small routing fixes make Trackr feel complete ✨
#BuildInPublic#ReactJS
Day 36 & 37 of building Trackr 🚀
Worked on:
✅ Mobile/tablet dashboard
✅ Job card alignment
✅ Cleaner filters
✅ Responsive Kanban
Learning:
Responsive design is more than breakpoints.
Small UI fixes make Trackr feel polished ✨
#BuildInPublic#ReactJS
Day 28 of building in public🚀
Added more personalization to my Job Tracker app.
✅ User greeting
✅ Avatar with initial
✅ Clickable dropdown
✅ Profile, Settings & Logout
✅ Dark mode styling
Small UX details make dashboards feel real👤✨
#100DaysOfCode#ReactJS#BuildInPublic
@builtbykern Absolutely! Staggered animations made the UI feel smoother without adding extra complexity.
I’m learning that small motion details can make a landing page feel much more polished and portfolio-ready 🚀
Day 34 of building in public 🚀
Added motion to my Job Tracker landing page.
Worked on:
✅ Framer Motion
✅ Hero animation
✅ Preview motion
✅ Staggered cards
Learning: frontend polish makes the UI feel natural.
Moving closer to portfolio-ready ✨
#BuildInPublic#ReactJS
@builtbykern Totally agree! Framer Motion feels very natural with React’s declarative flow, especially when layout and animation need to work together smoothly. Still learning and improving step by step 🚀
@getordiaapp Thanks a lot, Asahi! 🙌
Really appreciate your kind words.
React + Vite + Vercel made the deployment flow super smooth, and I’m glad the UI/tagline feels clean and professional.
Day 35 of building in public 🚀
Made my Job Tracker project live.
✅ Cleaned UI
✅ Pushed to GitHub
✅ Deployed on Vercel
✅ Added to portfolio
Learning: frontend development is also about deployment and showing your work.
Now it’s live and visible 🚀✨
#BuildInPublic#ReactJS