This is my personal portfolio website, built with React, TypeScript, Vite, and Tailwind CSS.
It showcases my projects, skills, experience, education, and contact information in a visually appealing way.
🔗 Live Demo: kathansoni.com
- Frontend: React + TypeScript + Vite
- Styling: Tailwind CSS
- Deployment: Vercel
- Package Manager: npm
/src
├── components # Reusable React components
│ ├── Hero.tsx # Landing section
│ ├── About.tsx # About me section
│ ├── Skills.tsx # Skills showcase
│ ├── Projects.tsx # Featured projects
│ ├── Experience.tsx # Work experience
│ ├── Education.tsx # Academic background
│ ├── Contact.tsx # Contact form
│ ├── Navigation.tsx # Navbar & routing
├── main.tsx # React entry point
├── App.tsx # Main application wrapper
├── index.css # Global styles
├── vite.config.ts # Vite configuration
git clone https://github.com/yourusername/your-portfolio.git
cd your-portfolio
npm install
npm run dev
🌍 App will be running on:
http://localhost:5173
To deploy this project on Vercel, follow these steps:
- Install Vercel CLI (if not installed):
npm install -g vercel
- Deploy:
vercel --prod
- Your site will be live at:
https://your-portfolio.vercel.app
✔️ Fully Responsive (Mobile-friendly)
✔️ Fast & Optimized (Vite + Tailwind)
✔️ Dark Mode Support (Optional)
✔️ SEO Optimized (Meta tags & Open Graph)
✔️ Contact Form (With EmailJS or Formspree)
- Add Blog Section
- Improve Animations
- Integrate Analytics
This project is licensed under the MIT License. Feel free to modify and use it for your own portfolio.