DEV Community

Mohamed Fathy
Mohamed Fathy

Posted on

How I built a professional portfolio using React, Redux, and APIs.

Introduction

In this article, I’ll walk you through how I built my own multi-page portfolio website using React.

The goal was to showcase my projects, technical skills, blog posts, and contact form — all built with modern technologies like React, Redux, and APIs.


Project Goals

  • Build a responsive and professional portfolio UI.
  • Use React Router for navigation between pages.
  • Fetch dynamic content from real-world APIs.
  • Use Redux for global state management.
  • Create a contact form that actually sends messages.

Tech Stack

  • React (Functional Components + Hooks)
  • React Router
  • Redux & Redux Thunk
  • Axios for API calls
  • Quotable API (Random quotes)
  • GitHub API (Public repos)
  • Dev.to API (Blog posts)
  • Formspree (Contact form)

Pages Overview

🏠 Home

  • Short personal introduction
  • Random motivational quote fetched from Quotable API
  • Button to load new quotes

👤 About

  • Bio, education, and skills
  • Responsive layout with skill tags and profile picture

💻 Projects

  • GitHub repositories displayed dynamically using:

Top comments (0)