Personal Portfolio Website

A modern, responsive personal portfolio website built with React, leveraging Mantine UI and Chakra UI components to showcase projects, skills, and professional experience.

Features

• 📱 Fully responsive design
• 🎨 Dark/Light theme support
• 📚 GitHub README integration for project details
• 🎯 Smooth scrolling and section navigation
• 💼 Project showcase with live demos
• 📊 Skills visualization
• 📫 Contact form
• 🎓 Education and experience timeline

Tech Stack

• React.js
• Mantine UI
• Chakra UI
• React Markdown (for rendering GitHub READMEs)
• React Icons

Getting Started

1. Clone the repository:

git clone https://github.com/richardr1126/portfolio-react.git
cd portfolio-react

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Build for production:

npm run build

Project Structure

src/
  ├── components/     # Reusable UI components
  ├── sections/       # Main page sections
  ├── data/          # Static data and content
  ├── hooks/         # Custom React hooks
  └── app/           # App configuration

Customization

The portfolio is highly customizable:

• Update projects.json to add/modify projects
• Modify theme settings in Mantine/Chakra UI providers
• Add new sections by creating components in the sections directory

License

MIT License - feel free to use this project for your own portfolio!