Girl You Matter

Non-profit website project

Project Description


Girlyoumatter.org is a dynamic web platform designed to empower girls during their transition from middle school to high school. With a user-friendly interface crafted using HTML, CSS, and JS, the site offers a wealth of resources, advice, and support tailored to the unique challenges young girls face during this pivotal time in their lives. From academic guidance to self-esteem boosting tips, Girlyoumatter.org aims to foster confidence, resilience, and a sense of belonging as girls embark on their high school journey. Click on one of the images below to get a better look.

Tech Stack Used & Website

HTML
Hypertext Markup Language
CSS
Cascading Style Sheets
JS
Javascript
GUM
Girl You Matter
August 2023
Version 1 of the website has been launched. At this initial stage, my knowledge of HTML, CSS, and JavaScript is still in its infancy. Buttons lack styling, container knowledge is limited, animations are absent, and the overall design is basic. This reflects my early foray into website development, where concepts like flex-boxes, media queries, and proper styling are still unfamiliar territory.
October 2023
The launch of Version 2 marks a significant milestone for the website. While I possess intermediate proficiency in HTML, CSS, and JS, I encountered substantial gaps in understanding HTML structuring, containers, and flexboxes during the development process. Nonetheless, I gradually familiarized myself with media queries, enhancing my CSS skills in the process. Additionally, I lacked knowledge about animations and their implementation, presenting an area for further exploration and improvement.
January 2024
Version 3 of the website is now live, representing a significant advancement. My proficiency in HTML, CSS, and JavaScript has progressed from intermediate to advanced levels. I now possess a robust understanding of HTML containers, flexboxes, and sections, accompanied by improved CSS skills, including the integration of subtle animations. This development journey has inspired the creation of my portfolio website, showcasing my advanced expertise in frontend development, encompassing flexboxes, animations, sections, flex-wrap, text manipulation, and other essential skills.
Projects