rohitkumar10x

Rohit Kumar - Data Analyst Portfolio

A modern, responsive portfolio website built with React 19, Tailwind CSS 4, and shadcn/ui components.

Features

🎨 Modern, clean design with dark theme
📱 Fully responsive (mobile, tablet, desktop)
🚀 Fast performance with Vite
🎯 Showcase of data analysis projects and certifications
📊 Featured project with ETL pipeline visualization
🎥 YouTube video integration
⚡ Interactive UI with smooth animations

Project Categories

Featured Project: Weather Analytics ETL Pipeline
Python Projects: Data manipulation and analysis projects
Data Analysis & Visualization: EDA and visualization projects
SQL & Databases: Database design and query projects
Power BI & Dashboards: Business intelligence dashboards
Excel & ETL: Power Query and ETL automation projects

Tech Stack

Frontend: React 19, TypeScript, Tailwind CSS 4
UI Components: shadcn/ui
Build Tool: Vite
Routing: Wouter
Icons: Lucide React

Getting Started

Prerequisites

Node.js 18+ or higher
pnpm (recommended) or npm

Installation

Clone the repository:

git clone https://github.com/yourusername/rohit-portfolio.git
cd rohit-portfolio

Install dependencies:
```
pnpm install
# or
npm install
```
Start the development server:
```
pnpm dev
# or
npm run dev
```
Open http://localhost:5173 in your browser

Building for Production

pnpm build
# or
npm run build

The build output will be in the dist folder.

Project Structure

client/
  ├── public/           # Static assets
  ├── src/
  │   ├── pages/        # Page components
  │   ├── components/   # Reusable UI components
  │   ├── contexts/     # React contexts
  │   ├── hooks/        # Custom React hooks
  │   ├── lib/          # Utility functions
  │   ├── App.tsx       # Main app component
  │   ├── main.tsx      # React entry point
  │   └── index.css     # Global styles
server/                 # Backend placeholder
shared/                 # Shared types and constants

Customization

Colors & Theme

Edit client/src/index.css to customize:

Color palette
Typography
Spacing
Shadows and effects

Content

Edit client/src/pages/Home.tsx to update:

Project information
Certifications
Skills
Social links

Images

Replace images in client/public/ with your own assets.

Deployment

Option 1: Vercel (Recommended)

npm install -g vercel
vercel

Option 2: Netlify

npm install -g netlify-cli
netlify deploy --prod --dir=dist

Option 3: GitHub Pages

Update vite.config.ts with your repository name
Run pnpm build
Deploy the dist folder to GitHub Pages

Performance Optimizations

✅ Code splitting with Vite
✅ Image optimization
✅ CSS minification
✅ Tree shaking
✅ Lazy loading for routes

Browser Support

Chrome (latest)
Firefox (latest)
Safari (latest)
Edge (latest)

License

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

Contact

Built with ❤️ using React and Tailwind CSS