Day 2 of building my AI Job Tracker ๐
Today I defined the appโs identity:
โจ Modern & premium
โ๏ธ Light mode
๐ Slightly futuristic
๐ค Trustworthy
Good design starts with purpose, not pixels.
#BuildInPublic#UIDesign#React#WebDevelopment#100DaysOfCode
@heyyAzamat Thank you! ๐
I'm trying to focus on the user experience before jumping into development. The goal is to make the AI Job Tracker feel simple and intuitive from day one.
Appreciate the encouragement! ๐
@Validate_QA That would be awesome! I'd really appreciate it. Feel free to test it however you'd like, and I'd love to hear any feedback or bugs you find. Thanks for offering! ๐
Just shipped my ChatGPT Clone ๐
Built with React, JavaScript, Gemini API, Speech Recognition, Markdown, and Vite.
Live Demo ๐
https://t.co/R2njgVHDVM
GitHub ๐
https://t.co/14OFC9EQ1v
#reactjs#javascript#webdev#buildinpublic
Day 7 of building my AI Job Tracker ๐
Before writing code, I finalized the tech stack.
The goal isn't to use the most librariesโit's to use the right ones.
Current stack:
โ๏ธ React + Vite
๐จ Tailwind CSS
๐งญ React Router
๐งฉ Lucide React
๐ Recharts
๐ Sonner
The foundation is ready. Next step: building the application.
#BuildInPublic #React #WebDevelopment #BuildInPublic #100DaysOfCode
Thank you, Sonam Wangchuk, for peacefully standing up for students and the future of education in India. Millions of students deserve a fair, transparent, and corruption-free examination system. Wishing you strength, good health, and success in your efforts. Your peaceful determination inspires many. ๐ฎ๐ณ
#SonamWangchuk #EducationReform #StudentsFirst #StopPaperLeaks #FairExams #EducationMatters #Transparency #JusticeForStudents #India
Education is the foundation of our nation's future. Every student deserves fair examinations, transparency, and accountability. I stand in solidarity with everyone peacefully raising their voice for an education system free from paper leaks and corruption.
Respect to Sonam Wangchuk and all those advocating for students' rights through peaceful and democratic means. May every deserving student get the opportunity they have earned.
#EducationReform #StopPaperLeaks #StudentsFirst
I designed the project architecture before writing any React code.
Instead of creating random folders, I organized the app using a feature-based structure so it can scale as new features like Resume Review, Interview Coach, and Analytics are added.
A clean architecture makes future development much easier.
#BuildInPublic #React #SoftwareArchitecture #WebDevelopment #100DaysOfCode
I designed the dashboard experience.
Instead of asking "What looks good?" I asked:
"What does the user need to see in the first 5 seconds?"
The dashboard now focuses on:
๐ Progress
๐ Upcoming interviews
โก Quick actions
๐ฏ Daily goals
I'm learning that good UX is about reducing friction, not adding more features.
#BuildInPublic #UXDesign #React #WebDevelopment #100DaysOfCode
I started designing the product before writing any React code.
Instead of focusing on components, I focused on user flow and wireframes.
One thing I learned:
A good dashboard isn't about showing everythingโit's about showing the right information first.
#BuildInPublic#UIDesign #React #WebDevelopment #100DaysOfCode
Day 6 of building my AI Job Tracker ๐
Today I finished the first version of Aurora UI, the design system behind my project.
I finalized:
โ Border radius
โ Shadows
โ Icon library
โ Component rules
โ Layout guidelines
It's interesting how much planning happens before writing production code. Every decision now will keep the UI consistent as the project grows.
#BuildInPublic #UIDesign #React #WebDevelopment #100DaysOfCode
Today's lesson: spacing is a design system, not a guessing game.
I'm building Aurora UI using an 8-point spacing system so every card, button, and layout feels consistent instead of relying on random margin and padding values.
Small details like this are what make products feel polished.
#BuildInPublic #UIDesign #React #WebDevelopment #100DaysOfCode
Day 5 of building my AI Job Tracker ๐
Today's focus was typography.
I learned that choosing a font is only one part of the process. A professional UI also needs a consistent font scale, weights, line heights, and text hierarchy.
For Aurora UI, I chose Inter because it's designed for digital interfaces and makes long-form reading comfortable.
#BuildInPublic #UIDesign #React #WebDevelopment #100DaysOfCode
Day 4 of building my AI Job Tracker ๐
Today I learned about design tokens.
Instead of hardcoding colors, I'm building Aurora UI with reusable color roles like Primary, Success, Warning, and Error.
I finalized the color families:
๐ฃ Indigo
โช Slate
๐ข Emerald
๐ Amber
๐น Rose
๐ต Sky
Small decisions like these make large applications easier to maintain and keep the UI consistent.
#BuildInPublic #UIDesign #React #WebDevelopment #100DaysOfCode
I'm building an AI Job Tracker to make that process smarter.
Features:
๐ Track every application
๐ค AI Resume Review
๐ AI Cover Letter Generator
๐ค AI Interview Practice
๐ Progress Dashboard
I'll be sharing every update as I build it.
#BuildInPublic#React#AI#100DaysOfCode