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

git clone https://github.com/primary-key/portfolio.git
cd portfolio

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

4. Build for production

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

📝 License

This project is open source and available under the MIT License.

👨‍💻 Author

Your Name

• Website: Portfolio
• GitHub: @Alfredo Lopez
• LinkedIn: Alfredo Lopez

🙏 Acknowledgments

• Thanks to all contributors and users of this template
• Inspiration from various portfolio designs and React community