About Me.
Front-End Developer, Advocate & Mentor
Hi there, my name is Reem. I'm a web developer with an unquenchable passion for developing rich web applications and seamless web experiences. I work with companies and agencies around the world, building user interfaces, design systems, and digital products with a focus on responsive design, accessibility, performance, and cutting-edge tech. I use HTML, CSS, and JavaScript. Though constantly changing, my focus nowadays is ReactJS, NodeJS, Express, Gatsby, and NextJS.
In my roles at various tech companies, I enjoyed resolving design problems, building smart user interfaces, and utilizing technology to elevate creative and collaborative experiences.
Ultimately, my passion and motivation lie in social impact - working with various teams, such as Trust & Safety to reduce the harms associated with online interactions while also protecting people's ability to participate in the numerous opportunities the online world offers. When I'm offline, you can find me reading a book, rowing in a lake nearby, petting dogs, or tending to my many plants.
Skills.
Projects.
GitHub Repo Gallery
HTML | CSS | JavaScript | React
This project uses an API to pull data from my GitHub portfolio and create a gallery of repositories. Visitors can now see and search through the repositories as well as click them for more details.
Skills: REST APIs, JSX, ES6, React, Managing Data Flow, Manipulating the DOM
Tools: GitHub, Chrome DevTools, VS Code, Jira, Terminal
Invaders Game
HTML | CSS | JavaScript
This is a simple grid-based game built completely in JavaScript. Use the up, down, left, and right buttons to shoot the alien invaders before they reach you. It uses various functions and methods such as setTimeout, clearInterval, loops, arrays, and switch statements.
Skills: JSX, ES6, React, Manipulating the DOM, Managing Data Flow, Version Control
Tools: VS Code, CodeSandbox, Adobe Photoshop, GitHub, Figma
Sticky Note App
HTML | CSS | JavaScript | React
This is a note-taking application that I built in React, using CodeSandbox as my development environment. It has write, edit, delete, and save functionality -- the notes are saved to local storage.
Skills: JavaScript, React, HTML5, JSX, ES6, Managing Data Flow, Responsive Typography
Tools: GitHub, CodeSandbox, Figma, Terminal, VS Code
Guess the Word
HTML | CSS | JavaScript | React
Guess the word by entering one letter at a time. If you guess correctly before using up your allotted guesses, you are a winner! This game is written entirely in JavaScript.
Skills: JSX, ES6, React, REST APIs, Managing Data Flow, Responsive Typography, JSON
Tools: Jira, Chrome DevTools, GitHub, Terminal, VS Code, Figma
Unplugged Retreat
HTML | CSS
This is a fully responsive website for a company work retreat. It is hand-coded in 100% custom HTML and CSS. Using media queries, responsive typography, and Flexbox, the website has a clean design for mobile, tablet, and web.
Skills: Flexbox, Media Queries, Manipulating the DOM, Responsive Typography
Tools: GitHub, Figma, Adobe Photoshop, Jira, VS Code
Name Tag Generator
HTML | CSS | JavaScript | React
This app uses ReactJS and vanilla JavaScript to generate name tags. It has write, edit, delete, and save functionality -- the name tags are saved to local storage. This project uses functional components and ES6 modules.
Skills: JavaScript, JSX, ES6, React, Managing Data Flow, Version Control
Tools: GitHub, CodeSandbox, Chrome DevTools, VS Code, Terminal
I'm proud to have collaborated with some awesome companies: