This repository documents my major learnings from the ProDev Frontend Engineering program. It’s my personal knowledge hub—capturing concepts, tools, challenges, and insights I picked up along the way.
I’ve always believed that before a user even tests if an app is functional, the UI speaks first. Just like we eat with our eyes first, good design and accessibility matter because everyone deserves to be included.
- Project Objective
- Key Learnings
- Challenges & Solutions
- Highlighted Project
- Best Practices & Personal Insights
- Collaboration
- Advice for Future Learners
- Consolidate my key learnings from the ProDev Frontend Engineering program.
- Document core frontend technologies, concepts, and real-world solutions.
- Serve as a personal reference guide and a helpful resource for future learners.
- AI Prompting → The better the prompt, the better the response.
- Requirements Analysis → Don’t just jump into coding; gathering requirements first saves tons of time later.
- State Management → Essential for keeping apps predictable and user-friendly.
- Accessibility & UI/UX → Everyone should feel included when using digital products.
Throughout the program, I faced several challenges that pushed me to grow both technically and personally. Here’s how I approached them:
-
⏳ Work-Life Balance
Balancing a 6–6 job with the demands of the program was tough. I overcame this by prioritizing tasks, planning my days more effectively, and sometimes putting in late nights. This strengthened my discipline and time management skills. -
⚡ Learning New Frameworks Quickly
Jumping into technologies like Next.js and TypeScript felt overwhelming at first. I solved this by breaking concepts into smaller chunks, building mini-projects, and practicing consistently until I felt confident. -
📋 Requirements Gathering
My excitement for new projects often made me want to jump straight into coding. I learned the importance of gathering and analyzing requirements first—saving time and preventing unnecessary rewrites later.
- Airbnb Clone: A project where I applied Next.js, TailwindCSS, and TypeScript to build a real-world style app. This project helped me connect theory with practice.
- “There’s a way and a solution to every problem, I just need to find it.”
- Clean, accessible, and inclusive design always comes first.
- Collaboration (with both frontend and backend devs) is key to building complete, functional solutions.
While I haven’t yet collaborated deeply with backend learners, I’m looking forward to it. Backend collaboration is essential for integrating APIs and creating full-stack experiences.
You can do whatever you put your mind and energy to. Stay consistent, stay curious, and remember—requirements first, code second.