Skip to content

kathan219/devfolio

Repository files navigation

🚀 Kathan Soni - Personal Portfolio

📝 Overview

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


🛠️ Tech Stack

  • Frontend: React + TypeScript + Vite
  • Styling: Tailwind CSS
  • Deployment: Vercel
  • Package Manager: npm

📁 Project Structure

/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

🚀 Setup & Installation

1️⃣ Clone the Repository

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

2️⃣ Install Dependencies

npm install

3️⃣ Run Development Server

npm run dev

🌍 App will be running on:

http://localhost:5173

🚀 Deployment (Vercel)

To deploy this project on Vercel, follow these steps:

  1. Install Vercel CLI (if not installed):
    npm install -g vercel
  2. Deploy:
    vercel --prod
  3. Your site will be live at:
    https://your-portfolio.vercel.app

🎯 Features

✔️ Fully Responsive (Mobile-friendly)
✔️ Fast & Optimized (Vite + Tailwind)
✔️ Dark Mode Support (Optional)
✔️ SEO Optimized (Meta tags & Open Graph)
✔️ Contact Form (With EmailJS or Formspree)


🛠️ To-Do (Future Improvements)

  • Add Blog Section
  • Improve Animations
  • Integrate Analytics

📜 License

This project is licensed under the MIT License. Feel free to modify and use it for your own portfolio.


If you like this project, please give it a star on GitHub! 🌟

About

Personal Portfolio Website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published