Rohit Khatri – Developer Portfolio

A meticulously crafted, high-performance portfolio showcasing the synergy of design and development. Built with React, TypeScript, Vite, and Tailwind CSS, this project embodies modern web development practices, emphasizing scalability, maintainability, and user experience.

🚀 Live Preview

🔗 rohitkhatri.vercel.app

📸 Screenshots

📁 Project Structure

portfolio-2/
├── public/                 # Static assets
├── src/                    # Source code
│   ├── assets/             # Images, fonts, and media
│   ├── components/         # Reusable UI components
│   ├── constants/          # Static data and configuration
│   ├── pages/              # Individual route pages
│   ├── styles/             # Tailwind config and global styles
│   ├── App.tsx             # Root component
│   └── main.tsx            # App entry point
├── .eslintrc.js            # ESLint rules
├── tsconfig.json           # TypeScript config
├── vite.config.ts          # Vite dev server config
├── package.json            # Project metadata
└── README.md               # You're here

🛠️ Tech Stack

Frontend

• React – Component-based UI framework
• TypeScript – Static typing for safer code
• Vite – Lightning-fast development server
• Tailwind CSS – Utility-first CSS framework

Tooling

• ESLint – Code linting and best practices
• Prettier – Code formatting
• Vercel – Production-grade deployment

✨ Features

• 💡 Modern Design – Clean, responsive, and minimal layout with engaging visuals
• 🌙 Dark Mode – Respects system preferences using Tailwind's dark mode
• 🎯 Optimized Performance – Fast initial load and smooth transitions
• 🔧 Reusable Components – Built with scalability and reusability in mind
• 💬 Accessible & SEO-friendly – Structured and semantic HTML for better a11y and indexing

📦 Getting Started

To run the project locally, follow these steps:

1. Clone the Repository

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

2. Install Dependencies

npm install

3. Start Development Server

npm run dev

🧪 Testing

While the current setup does not include automated tests, integrating testing frameworks like Vitest or Jest is recommended for ensuring code reliability and facilitating future enhancements.​

📄 License

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

Crafted with passion and precision by Rohit Khatri.