🚀 Aditya Seth - Portfolio

A modern, responsive portfolio website showcasing my skills as a Data Analyst and Python Developer.

✨ Features

• Modern Design - Clean, professional interface with glassmorphism effects
• Interactive Animations - Smooth transitions and hover effects using Framer Motion
• Responsive Layout - Optimized for all devices and screen sizes
• Dynamic Navbar - Shrinks and adapts on scroll with blur effects
• Spider Web Animation - Subtle animated background on hero section
• Flip Cards - Interactive skill cards with detailed descriptions
• Contact Integration - Direct links to email, phone, and location

🛠️ Tech Stack

• Frontend: React 18, TypeScript
• Styling: Tailwind CSS, Custom CSS
• Animations: Framer Motion
• Icons: Lucide React
• Build Tool: Vite
• Fonts: Poppins, Inter (Google Fonts)

🎯 Sections

• Hero - Introduction with animated spider web background
• About - Professional background and journey
• Skills - Interactive flip cards showcasing technical expertise
• Projects - Featured work including SamvaadAI chatbot
• Contact - Professional contact information with animations

💼 Skills Highlighted

• Programming: Python, SQL
• Data Analysis: Pandas, NumPy, Statistics
• Visualization: Matplotlib, Seaborn
• Web Development: Flask
• System: Linux

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/adityaseth07/portfolio.git
cd portfolio

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Open http://localhost:5173 in your browser

Build for Production

npm run build

📁 Project Structure

src/
├── components/
│   ├── Navbar.tsx          # Dynamic navigation bar
│   ├── Hero.tsx            # Hero section with animations
│   ├── About.tsx           # About section
│   ├── Skills.tsx          # Interactive skill cards
│   ├── Projects.tsx        # Project showcase
│   ├── Contact.tsx         # Contact information
│   └── ParticleBackground.tsx # Background animations
├── App.tsx                 # Main app component
├── main.tsx               # App entry point
└── index.css              # Global styles

🎨 Design Features

• Glassmorphism Effects - Modern glass-like UI elements
• Gradient Text - Eye-catching gradient animations
• Hover Interactions - Smooth scaling and color transitions
• Mobile Responsive - Optimized for all screen sizes
• Professional Typography - Poppins and Inter font pairing

📱 Contact

• Email: adityaseth@zohomail.in
• Phone: +91 9465263180
• Location: Jalandhar, Punjab
• GitHub: @adityaseth07
• LinkedIn: adityaseth007

📄 License

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

---

Made with ❤️ by Aditya Seth