Afsar Web Developer

🔸Aspiring Front-End Developer
🔸Eager to contribute to dynamic front-end projects and grow in a collaborative tech environment

[Afsar Web Developer @AfsarWebDev]

💡If you're a frontend dev, drop your best tips & resources in the comments! Let’s build something amazing together!💪
let's connect, collaborate, and grow together!🚀
#100DaysOfCode #FrontendDevelopment #WebDevelopment #BuildInPublic #LearnToCode #30DaysCoding #DevCommunity

[Afsar Web Developer @AfsarWebDev]

🚀 Trackr Update

Spent the last 2 weeks improving my React + Firebase Job Tracker.

✅ Firestore
✅ Authentication
✅ Protected Routes
✅ Real-time Sync
✅ Better Job Management
Next: User data, analytics & deployment 🚀
#ReactJS #Firebase #BuildInPublic

[Afsar Web Developer @AfsarWebDev]

@k_zimal Hi lets connect to discuss about your project

[Afsar Web Developer @AfsarWebDev]

@Zoomlive161314 Hi lets connect I'm unable to do from my end

[Afsar Web Developer @AfsarWebDev]

@Michael_Slotkin Hi @Michael_Slotkin
Nice to meet you too.
Let's connect

[Afsar Web Developer @AfsarWebDev]

🚀 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

[Afsar Web Developer @AfsarWebDev]

@ZaraZk57 unable to DM you can you connect

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

@ZaraZk57 Let's connect and discuss about the collaboration

[Afsar Web Developer @AfsarWebDev]

@ayusingh693 @X but why?

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

@idea_taken77174 emailed you

[Afsar Web Developer @AfsarWebDev]

@Zimal_kk Lets connect to discuss about your website requirments

[Afsar Web Developer @AfsarWebDev]

@Zimal_kk Let's connect to discuss about it

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

@yabsssai That’s a great real-world use case. Seamless micropayment integration can make AI agent workflows much more practical and scalable 🚀

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

@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 🚀

[Afsar Web Developer @AfsarWebDev]

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

[Afsar Web Developer @AfsarWebDev]

@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 🚀

[Afsar Web Developer @AfsarWebDev]

@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.

[Afsar Web Developer @AfsarWebDev]

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