Week 7 of #100DaysOfCode: Progress, Challenges, and Growth 🚀

Introduction

Week 7 of my #100DaysOfCode journey has been nothing short of exciting and challenging! From building calorie-tracking apps to deploying projects, integrating Firebase, and exploring web accessibility, I’ve grown tremendously as a developer. Here’s a breakdown of my progress, the challenges I faced, and what I learned this week.

---

Day 44: RPG Game and Debugging Mastery

I started the week by working on an RPG game. This project pushed me to dive deeper into JavaScript, particularly focusing on building dynamic features and debugging code. Every bug fixed brought the game closer to life, reinforcing my problem-solving skills.

Highlights:

• Learned how to use conditional logic effectively in gameplay mechanics.
• Improved my debugging process and error-handling skills.

---

Day 45: Building a Calorie Counter App

Next up was a calorie counter app built using FreeCodeCamp. This project tracked meals and exercise while calculating if you’re within your calorie budget.

Key Takeaways:

• Focused on structuring data effectively for tracking purposes.
• Practiced dynamic DOM manipulation to create a seamless user experience.

---

Day 46: Conversion Generator with Scrimba

I built a conversion generator that aligns perfectly with design specs. Users can click ‘convert’ to generate and view conversions rounded to two decimal places.

Skills Gained:

• Leveraged JavaScript rounding methods for accurate calculations.
• Paid attention to UI/UX alignment and responsiveness.

---

Day 47 & 48: Leveling Up My Leads Tracker App

This week, I decided to upgrade my Leads Tracker app by:

• Integrating Firebase for database management.
• Enabling features to push, retrieve, and remove data in real-time.
• Building a mobile version of the app to extend its usability.

Challenges:

• Learning Firebase syntax and real-time database queries was tricky but rewarding.
• Adapting the app for mobile required careful thought about responsiveness and usability.

Outcome:

I now have a robust Leads Tracker app that works as both a web extension and a mobile application.

---

Day 49: Deployment on Netlify

The excitement peaked when I deployed the Leads Tracker app on Netlify! 🎉

What I Learned:

• How to configure Vite for smooth production builds.
• Setting up manifest files for progressive web apps (PWAs).
• The importance of hosting tools like Netlify for fast and secure deployments.

---

Day 50: Web Accessibility Deep Dive

I wrapped up the week with a focus on web accessibility. Learning about text contrast and color usage made me realize how small changes can make a big impact on user inclusivity.

Key Insights:

• Text contrast and readable fonts enhance usability for users with visual impairments.
• Accessibility isn’t just about compliance—it’s about creating experiences everyone can enjoy.

---

Challenges Faced This Week

• Understanding Firebase's real-time updates took time but ultimately expanded my backend knowledge.
• Debugging dynamic JavaScript features in the RPG game required patience and attention to detail.
• Accessibility testing was a new area, but it’s now an integral part of my workflow.

---

Week 7 Recap

This week was about building, refining, and learning. From debugging games to deploying apps and diving into accessibility, every project taught me something valuable.

Projects Completed:

1. RPG Game
2. Calorie Counter App
3. Conversion Generator
4. Leads Tracker (Web and Mobile Versions)

---

Follow My Journey

Thanks for reading! I’d love for you to follow along and share your thoughts.

• Twitter/X: @Toptech5419
• Medium: Read More Here
• GitHub Repo: Explore My Code

Let’s continue to learn and build together. Here's to Week 8! 🚀