Ana Jesus

This homepage was built during the Women Who Code’s Days of Code Challenge 2024, running from January 8th to February 6th, where I completed 30 JavaScript projects using Wes Bos's JavaScript30 course.

Overview

To keep my learning journey structured and accessible, I created a homepage that collects all 30 projects in one place. Each project card links to a specific mini-project and includes tags showing the key concept I learned that day—kind of like a visual study log.

Features

Homepage UI: A grid layout featuring all 30 projects.
Clickable Project Cards: Direct access to each day's project.
Learning Tags: Labels showing the JS concept(s) practiced (e.g., DOM, Array Methods, LocalStorage, Event Listeners).

Example Tags

Some examples of the daily learning tags include:

DOM Manipulation
Array Methods
Audio API
CSS Variables
Local Storage
Keyboard Events
Flexbox
Canvas
setInterval / setTimeout

These tags helped me reflect on what I practiced each day, and make it easy to revisit specific concepts later.

Technologies Used

HTML5 – for structuring the homepage and projects
CSS3 – for custom styling and responsive layout
Vanilla JavaScript – for interactivity in each of the 30 challenges

My Process

Each day, I tackled a new JavaScript challenge from scratch—no libraries, no frameworks. Whenever possible, I customized the styles or tweaked the logic to make it my own. The addition of daily tags was something I implemented to turn this into a true learning archive.

Designing a dedicated homepage helped me stay motivated, keep things organized, and made the challenge feel more like building a real product than just doing exercises.

Conclusion

This challenge really solidified my foundation in vanilla JavaScript, and the homepage serves as both a personal reference and a portfolio piece. If you're learning JS—this is a great way to push your skills and track your growth.