Sujal Bhatt's Portfolio

A modern, responsive developer portfolio built with React, Vite, and Tailwind CSS. This project showcases my skills, education, and selected projects, with a focus on clean UI, smooth animations, and a dark/light theme toggle.

🚀 Features

• About: Introduction and summary of my background and interests.
• Skills: Categorized technical skills (Frontend, Backend, Languages, Tools).
• Projects: Interactive showcase of selected projects with live links and code.
• Education: Academic background and achievements.
• Contact: Email form for direct communication.
• Responsive Design: Mobile-friendly and accessible.
• Dark/Light Theme: Toggle between dark and light modes.

🛠️ Tech Stack

Technology	Purpose
React	UI library for building interactive UIs
Vite	Fast build tool and development server
Tailwind CSS	Utility-first CSS framework
React Context API	State management for theme toggling
React Parallax Tilt	3D parallax hover effects
React Typing Effect	Typing animation for text
React Toastify	Toast notifications for user feedback
React Icons	Icon library for React
EmailJS	Email sending from the contact form

📦 Getting Started

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Installation

# Clone the repository
git clone <your-repo-url>
cd Portfolio

# Install dependencies
npm install
# or
yarn install

Development

npm run dev
# or
yarn dev

Visit http://localhost:5173 to view the app.

Build for Production

npm run build
# or
yarn build

Linting

npm run lint

🧑‍💻 Project Structure

• src/components/ – Main UI sections (About, Skills, Education, Contact, etc.)
• src/constants.js – Data for skills, education, and projects
• src/theme-context.jsx – Theme context and provider
• public/ – Static assets

🌐 Live Demo

• Portfolio Live

📫 Contact & Socials

• Email: Use the contact form on the website
• GitHub: SujalBhatt
• LinkedIn: Sujal Bhatt

---

© 2025 Sujal Bhatt. All rights reserved.