https://github.com/sweep76/sweep-portfolio
https://github.com/sweep76/sweep-portfolio
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sweep76/sweep-portfolio
- Owner: Sweep76
- Created: 2025-02-23T06:25:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-21T06:51:44.000Z (about 1 year ago)
- Last Synced: 2025-06-21T07:35:01.991Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://sweep-portfolio.vercel.app
- Size: 2.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Website
A modern, responsive personal portfolio website built with React, TypeScript, and Vite. This portfolio showcases my professional experience, skills, projects, and contact information in an elegant and interactive way.
## 🚀 Features
- Modern and responsive design
- Interactive UI components
- Sections for:
- Hero/Introduction
- About Me
- Skills & Technologies
- Work Experience
- Education
- Projects
- Reviews/Testimonials
- Contact Form
- Creative loading animations
- Sidebar navigation
- PDF resume download option
## 🛠️ Technologies Used
- React.js
- TypeScript
- Vite
- CSS/SCSS
- Other dependencies (check package.json for complete list)
## 🏃♂️ Getting Started
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
### Installation
1. Clone the repository
```bash
git clone https://github.com/Sweep76/Sweep-Portfolio.git
cd portfolio
```
2. Install dependencies
```bash
npm install
# or
yarn install
```
3. Start the development server
```bash
npm run dev
# or
yarn dev
```
4. Build for production
```bash
npm run build
# or
yarn build
```
## 📁 Project Structure
```
portfolio/
├── public/
│ └── resume.pdf
├── src/
│ ├── components/
│ │ ├── About.tsx
│ │ ├── Contact.tsx
│ │ ├── CreativeLoader.tsx
│ │ ├── Education.tsx
│ │ ├── Experience.tsx
│ │ ├── Hero.tsx
│ │ ├── Projects.tsx
│ │ ├── Reviews.tsx
│ │ ├── Sidebar.tsx
│ │ └── Skills.tsx
│ ├── App.tsx
│ └── main.tsx
└── README.md
```
## 🎨 Customization
1. Update personal information in respective components
2. Modify styles in CSS/SCSS files
3. Replace resume.pdf with your own resume
4. Add/modify projects in the Projects component
5. Update contact information in the Contact component
## 🙏 Acknowledgments
- Thanks to all contributors and users of this template
- Inspiration from various portfolio designs and React community