Souad Yakubu's Portfolio

Welcome to my personal developer portfolio! This is a living story of my journey through technology, creativity, and impact. Here, you'll find a showcase of my skills, a few of my favorite projects, achievements, and the values that drive my work.

🖥️ Demo

🔗 Live Site: https://yakubusouadportfolio.web.app/

 🚀 Features

• 📂 Projects – Each project solves a real-world problem, whether it's making technology more accessible for people with disabilities or transforming everyday cooking into a smarter, smoother experience.


• 🏆 Achievements – Awards, honors, and recognitions in tech and leadership.

• 👩🏾‍💻 Experience – My roles, contributions, and growth in the tech world.


• 💬 Interactive Introduction – Conversational Q&A format to get to know me better


• 📱 Responsive Design – Optimized for mobile, tablet, and desktop

⚙️ Tech Stack

React – Handles the structure and interactivity of the user interface. React Router – Enables smooth multi-page navigation across the app. Styled-Components – Provides scoped, component-level styling using CSS-in-JS. Framer Motion – Adds fluid animations and transitions for a polished user experience. JavaScript – Powers the dynamic behavior and logic of the app. Git & GitHub – Used for version control, collaboration, and code management.

🚀 Deployment

• Firebase Hosting – Fast and secure static site hosting with global CDN.
• Vercel – Instant deployment with CI/CD and great support for React-based apps.

🧠 Inspiration & Purpose

This portfolio is more than a resume, it's a digital reflection of my story. I built it to share not only what I've done but who I am: a curious creator, an empathetic engineer, and someone who believes tech should be used to elevate people. Inspired by my uncle's story and driven by the mission to build inclusive technology, I aim to create work that leaves a mark.

💡 Setup Instructions

1. Clone the Repo git clone https://github.com/souadyakubu/about-me.git

cd about-me

2. Install Dependencies npm install

3. Run the App Locally npm start Visit http://localhost:3000 in your browser.

🤝 Contributing

While this is a personal portfolio, I welcome suggestions and improvements!
To contribute:

1. Fork the repo
2. Create a branch: git checkout -b improvement-idea
3. Commit your changes
4. Open a Pull Request 🙌

📫 Contact

If you’d like to connect, collaborate, or just say hi:

• 📧 Email: sny2@calvin.edu
• 🖇️ LinkedIn: linkedin.com/in/souadyakubu