Skip to content

Latest commit

 

History

History
67 lines (51 loc) · 1.48 KB

README.md

File metadata and controls

67 lines (51 loc) · 1.48 KB

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
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. 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!