https://github.com/pavan-kumar2/pavan-kumar

Portfolio Website — A responsive personal portfolio built with React and TypeScript. Features include smooth scroll animations, project showcases, and a contact form with email integration. Styled with SCSS for a clean, adaptable design.
https://github.com/pavan-kumar2/pavan-kumar

css emailjs intersection-observer javascript react responsive-website scss transition tsx typescript

Last synced: 2 months ago
JSON representation

Portfolio Website — A responsive personal portfolio built with React and TypeScript. Features include smooth scroll animations, project showcases, and a contact form with email integration. Styled with SCSS for a clean, adaptable design.

• Host: GitHub
• URL: https://github.com/pavan-kumar2/pavan-kumar
• Owner: pavan-kumar2
• Created: 2025-03-17T17:34:08.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-06-01T06:51:35.000Z (about 1 year ago)
• Last Synced: 2025-06-20T22:39:49.513Z (12 months ago)
• Topics: css, emailjs, intersection-observer, javascript, react, responsive-website, scss, transition, tsx, typescript
• Language: TypeScript
• Homepage: https://pavankumar.dev
• Size: 5.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pavan Kumar - Frontend Developer Portfolio

Welcome to my personal developer portfolio built using **React**, **TypeScript**, **SCSS**, and **Vite**. This site showcases my skills, projects, experience, education, and contact information.

---

## Tech Stack

- **React** (with Vite)

- **TypeScript**

- **SCSS / CSS Modules**

- **EmailJS** for contact form

- **Vite** for fast development and bundling

---

## Features

- **Animated sections** with smooth transitions

- **Responsive layout** for all screen sizes

- **Dynamic navigation highlight** based on scroll (intersection observer)

- **Contact form** with real-time validation and message feedback

- **Social links** to GitHub, LinkedIn, and X

---

## Folder Structure

      pavan-kumar/

      └── src/

      ├── assets/ # All static images, logos, and resume PDF

      ├── components/ # React components for each portfolio section

      ├── enums/ # Enum for section names

      ├── style/ # SCSS base styles and mixins

      ├── types/ # TypeScript interfaces and types

      ├── utility/ # Utility files (like image mappings)

      ├── App.tsx # Root component

      ├── main.tsx # Entry point

      ├── index.scss # Global styles

      └── vite-env.d.ts # Vite environment types