Back to Projects

React Portfolio V1

Personal Project
Live Demo

Personal Project — Previous Portfolio

React Portfolio V1

Personal Project — Previous Portfolio

This is the first version of my personal portfolio, built as a React Single Page Application before the current Next.js version you are looking at now. It covers the same content — bio, skills, experience, and all projects — but with a different visual style and layout. The site uses React with hash-based routing (React Router), allowing navigation between sections without full page reloads. It is deployed on GitHub Pages and served as my primary portfolio before I rebuilt it with Next.js, TypeScript, and Tailwind CSS. Comparing the two versions shows how my approach to frontend development has evolved — from a React SPA with Bootstrap to a modern Next.js 15 App Router application with TypeScript, Framer Motion animations, an AI-powered chatbot, and server-side rendering.

Key Learnings:

  • Building a complete SPA with React and hash-based routing
  • Component-based architecture and reusable UI patterns
  • Responsive design and layout with Bootstrap/CSS
  • Deploying a React app to GitHub Pages
  • Structuring a portfolio project from scratch

Screenshots

React Portfolio V1 screenshot 1
React Portfolio V1 screenshot 2
React Portfolio V1 screenshot 3

Technologies Used:

ReactJavaScriptBootstrapCSSGitHub Pages

My Contribution

I designed and developed the entire portfolio independently — from planning the layout and sections to writing every component and deploying it to GitHub Pages. This project was my first significant React project and established the foundation for the current Next.js portfolio.