Vatsal Saglani's Portfolio

A modern, interactive portfolio website showcasing Vatsal Saglani's professional experience, skills, projects, and achievements. Built with Next.js and React, this portfolio features a unique macOS-inspired desktop interface, providing visitors with an engaging and interactive experience.

🌟 Features

• macOS-Inspired Interface: Complete with login screen, dock, windows, and interactive elements
• Dark/Light Mode: Seamless theme switching to suit user preferences
• Responsive Design: Fully optimized for all device sizes and types
• Interactive Windows: Draggable and resizable windows for different content sections
• Professional Timeline: Visual representation of education and career history
• GitHub Integration: Showcases top starred and recently updated repositories
• Blog Integration: Displays Medium blog posts via RSS feed
• Resume Viewer: LaTeX-styled resume with download option
• Contact Form: Direct way to reach out
• Interactive Games: Fun mini-games like Dino Game and Bounce Game
• 3D Background Effects: Engaging space-themed background for certain sections

🛠️ Technologies

• Framework: Next.js 15 with React 19
• Styling: TailwindCSS
• Animations: Framer Motion
• 3D Effects: Three.js
• Markdown Rendering: React Markdown with syntax highlighting
• PDF Generation: jsPDF with html2canvas
• Window Management: react-draggable and react-resizable
• Math Typesetting: KaTeX

🚀 Getting Started

Prerequisites

• Node.js (latest LTS version recommended)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/vatsalsaglani/vatsalsaglani-portfolio.git
cd vatsalsaglani-portfolio

2. Install dependencies

npm install
# or
yarn install

3. Create a .env.local file in the root directory with required environment variables

4. Run the development server

npm run dev
# or
yarn dev

5. Open http://localhost:3000 in your browser to view the portfolio

📄 Content Sections

• About Me: Education, professional journey, publications, and achievements
• Projects: Showcase of GitHub repositories with file explorer and code viewer
• Resume: Interactive LaTeX-styled resume with download capability
• Blog: Integration with Medium posts
• Contact: Form to get in touch
• Open Source: Highlights contributions to open source projects
• Terminal: GitHub activity in terminal-like interface
• Games: Interactive mini-games for fun

🖥️ Deployment

This project is set up for deployment on platforms like Vercel or Netlify. Use the build command for production:

npm run build
npm run start

📝 License

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

📬 Contact

For questions or feedback, reach out to Vatsal Saglani:

• GitHub: @vatsalsaglani
• Medium: @thevatsalsaglani

---

This README was generated based on the codebase exploration. The portfolio showcases Vatsal Saglani's skills in web development, design, and software engineering through an interactive, macOS-inspired interface.