A lightweight, modern, and customizable portfolio template built with React and Vite. This template is designed to help developers quickly showcase their projects, skills, and personal information in a clean and responsive layout. It uses pnpm
for fast and efficient package management and includes a portfolio.json
file to easily manage your portfolio data.
- Built with React and Vite for fast development and optimal performance
- Fully responsive design
- Centralized portfolio data management via
portfolio.json
- Easy to customize and extend
- Uses
pnpm
for lightweight and efficient dependency management
Before you begin, ensure you have the following installed:
- Clone the repository:
git clone https://github.com/your-username/react-vite-portfolio-template.git cd react-vite-portfolio-template
- Install dependencies using
pnpm
:pnpm install
- Customize the
portfolio.json
file located in the/src/configs
:{ "name": "Your Name", "title": "Your Job Title", "bio": "A short bio about yourself", "contacts": { "github": "https://github.com/your-username", "twitter": "https://twitter.com/your-username" }, "education": { "logo": "University Logo", "degree": "Your Degree", "university": "Your University", "location": "Location", "graduation": "2025/01/01 00:00:00", "courseWork": [ "Algorithms" ], "project": "Your senior project" }, "meetingLink": "Calendly link", "projects": [ { "name": "Project Name", "bio": "A short bio about the project", "logo": "Project Logo", "description": "The detailed descripion about the project", "skills": ["Used skills in an array"] } ], "skills": ["React", "Vite", "JavaScript", "CSS"] }
- Build
pnpm build
- Run
pnpm dev