Youssef El-Hrouzi

some info

about me

I'm a front-end web developer with a background in computer systems and network infrastructure. My 8 years of IT experience has given me a strong foundation for web development and building complex solutions. Recently, I graduated from the Juno College Immersive Web Development Bootcamp. I am passionate about coding and solving problems through code, and I am excited to work alongside other amazing programmers and learn so much more!

check out my

skills

HTML

CSS

SASS

Javascript

JQuery

React

RESRT API

Git

Firebase

VS Code

Windows

M365

DNS

Networks

take a look at my

projects

stonk market

Technologies Used: React, REST API, ChartJS

• Completely built with hooks and functional components
• Emulates time passage, and stock prices update randomly as each "day" passes
• Real-time updates on stock and portfolio performance, visualized with interactive charts

LiveRepo

podcast prioritizer

Technologies Used: React, REST API, Firebase, Google Authentication

• Uses the MapQuest and ListenNotes API to get route times and filter podcast search results based on travel time
• Google Authenitcation service allows users to sign in and save podcasts to a list, stored in Firebase

LiveRepo

cohort

Technologies Used: React, React Router, Firebase, REST API

• React Router was used to create multiple views for the chat and quotes systems
• Real-time chat where users can change their username, with all messages stored in Firebase
• Pulls a random quote from an API where users can write an anonymous reflection for others to see, all stored in Firebase Live Repo Demo

LiveRepo

game scope

Technologies Used: JQuery, REST API, SASS

• Information on games pulled from a video game API
• Games can be filtered by genre using a drop down menu, where the endpoint is updated dynamically
• Using pagination, more games from the genres can be pulled as users request them

LiveRepo

twitter slang generator

Technologies Used: JQuery, SASS

• Users click an abbreviation and are given a randomly generated definition
• Words are randomly chosen from a large object containing arrays of words for each letter
• Toggle between light and dark themes
• Secret mode can be unlocked where users can enter their own abbreviations

LiveRepo

sanctuary helpers

Technologies Used: React, REST API, ChartJS

• Completely built with hooks and functional components
• Emulates time passage, and stock prices update randomly as each "day" passes
• Real-time updates on stock and portfolio performance, visualized with interactive charts

LiveRepo

say hello

contact