Projects

Old Portfolio

2022·1 min read

React
JavaScript
Sass
LinkGitHub

A single-page React portfolio with a sidebar layout, letter-by-letter intro animations, a projects showcase, and a contact page with an interactive map and email form.

Mohamed Gado's first portfolio site (2022). Superseded by the current portfolio — kept here for archival.

🔗 View the live site →

Heads-up: This is the archived 2022 version. The current portfolio lives at mohamedgado.com (repo).

A single-page React portfolio with a sidebar layout, letter-by-letter intro animations, a projects showcase, and a contact page with an interactive map and email form.

✨ Features

  • Animated letter intro — name and tagline reveal one character at a time
  • Sidebar navigation — persistent layout with icon-based routing (Home / About / Portfolio / Contact)
  • Projects showcase — /portfolio page listing past work
  • Contact form — wired to EmailJS for direct messaging
  • Leaflet map — location pin on the contact page via react-leaflet
  • Page loaders — spinner transitions between routes (react-loaders)
  • FontAwesome icons — solid + brand glyphs throughout

🛠️ Tech Stack

  • Framework — React 17 (Create React App)
  • Routing — React Router v6
  • Styling — Sass + animate.css
  • Map — React Leaflet
  • Email — EmailJS
  • Animation helpers — GSAP, loaders.css

🙌 Credits

Built by Mohamed Gado.

More projects

  • Puzzle Game2022 · React
  • Desktop Image Resizer App2022 · Electron
  • Meals App2022 · React Native
All projects