https://github.com/bhuvan-s-prasad/portfolio

Welcome to my Portfolio Website! This project is a personal portfolio built with React, Vite, and TypeScript, designed to showcase my skills, projects, and professional journey.
https://github.com/bhuvan-s-prasad/portfolio

css3 framework gitpages html5 javascript particlejs portfolio portfolio-website react reactjs typescript vite website

Last synced: about 1 year ago
JSON representation

Welcome to my Portfolio Website! This project is a personal portfolio built with React, Vite, and TypeScript, designed to showcase my skills, projects, and professional journey.

• Host: GitHub
• URL: https://github.com/bhuvan-s-prasad/portfolio
• Owner: Bhuvan-S-prasad
• Created: 2024-11-24T13:43:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-02T17:35:02.000Z (about 1 year ago)
• Last Synced: 2025-05-02T18:31:05.512Z (about 1 year ago)
• Topics: css3, framework, gitpages, html5, javascript, particlejs, portfolio, portfolio-website, react, reactjs, typescript, vite, website
• Language: TypeScript
• Homepage: https://bhuvan-s-prasad.github.io/portfolio/
• Size: 2.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚀 Portfolio Website

Welcome to my **Portfolio Website**! This project is a personal portfolio built with **React**, **Vite**, and **TypeScript**, designed to showcase my skills, projects, and professional journey.

---

## 🛠️ Tech Stack

### Core Technologies

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

### Styling & Animation

![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=for-the-badge&logo=framer&logoColor=white)

![particles](https://img.shields.io/badge/TSParticles-0055FF?style=for-the-badge&logo=framer&logoColor=white)

### Development Tools

![gitpages](https://img.shields.io/badge/GitHub_Pages-222222?style=for-the-badge&logo=github&logoColor=white)

### Deployment

![GitHub Pages](https://img.shields.io/badge/GitHub_Pages-222222?style=for-the-badge&logo=github&logoColor=white)

![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)

### version control

![git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)

## ✨ Features & Libraries

- 🎨 Responsive and modern UI/UX with Framer Motion animations

- 🌟 Interactive particle background using TSParticles

- 📱 Fully responsive design with CSS

- ✅ Fully typed components and state management

- 🚀 Lightning-fast builds with Vite

- 🌐 SEO-friendly with meta tags optimization

- 🛠️ Easy to update content and extend functionality

- ⚡ Smooth scroll animations with React Intersection Observer

- 🎯 Beautiful icons using Lucide React

- 📧 Contact form integration

---

## 🌍 Live Demo

Visit my portfolio: [https://bhuvan-s-prasad.github.io/portfolio/](https://bhuvan-s-prasad.github.io/portfolio/)

---

## 📦 Installation & Setup

1. **Clone the repository**:

   ```

   git clone https://github.com/your-username/your-repo.git

   cd your-repo

   ```

2. **Install dependencies**:

```

npm install

```

3. **Run locally**:

```

npm run dev

```

4. **Build for production**:

```

npm run build

```

5. **changes**:

   - using this project as template make changes in the component accordingly

## 📧 Contact

Feel free to reach out if you have any questions or suggestions:

- Email: bhuvansprasad20@gmail.com

- LinkedIn: [linkedin.com/in/bhuvan-s-prasad](https://www.linkedin.com/in/bhuvan-s-prasad/)