Portfolio Website (SPA)

A personal portfolio website (SPA) built with React to present personal projects and templates, technical skills, and professional experience.

Project highlights

• Frontend-only React application (no backend, no database)
• Modular component-based architecture
• Clear, section-based layout optimized for quick review
• Fast and intuitive navigation across page sections
• Card-based project presentation
• Client-side pagination for projects list
• Real-world projects showcased with live demos and GitHub links
• Responsive design using Bootstrap
• Light / dark theme toggle
• Contact form integrated via external API
• Deployed and available online

Screenshots

Technology stack

Frontend

• React (CRA)
• JavaScript
• HTML / CSS
• Bootstrap

Integration

• Contact form integration via external API
• Email delivery handled by backend service (SendGrid)

Deployment

• Linux server deployment
• Nginx reverse proxy

Project structure

react-portfolio/
├─ public/
│  └─ images/
│
├─ src/
│  ├─ components/
│  │  ├─ Navbar/
│  │  ├─ About/
│  │  ├─ Skills/
│  │  ├─ Experience/
│  │  ├─ Education/
│  │  ├─ Projects/
│  │  ├─ Contact/
│  │  └─ Footer/
│  │
│  ├─ App.js
│  ├─ index.js
│  └─ styles/
│
├─ .env
├─ package.json
└─ README.md

Project status

This is a deployed and actively used portfolio website, designed to present personal projects and templates, technical skills, and professional experience.