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)