🌟 Portfolio Website

A modern, responsive portfolio website showcasing my work and skills.

---

📋 Table of Contents

• 🎯 Overview
• ✨ Features
• 🛠️ Tech Stack
• 🚀 Getting Started
• 💻 Development
• 📱 Responsive Design
• 🤝 Contributing
• 📄 License

---

🎯 Overview

This portfolio website serves as a comprehensive showcase of my professional work, skills, and experiences. Built with modern web technologies, it provides an engaging and interactive way for visitors to learn about my background and projects.

🔗 Live URL: https://amannraj.vercel.app

---

✨ Features

• Responsive Design - Optimized for all devices and screen sizes
• Modern UI/UX - Clean, professional interface with smooth animations
• Performance Optimized - Fast loading times and efficient code
• Interactive Elements - Engaging user experience with smooth transitions
• Project Showcase - Detailed portfolio section with project highlights
• Contact Integration - Easy ways for visitors to get in touch

---

🛠️ Tech Stack

This project leverages modern web development technologies:

Technology	Purpose	Version
React	Frontend Framework	Latest
TypeScript	Type Safety	Latest
Vite	Build Tool & Dev Server	Latest
Tailwind CSS	Styling Framework	Latest
shadcn/ui	UI Component Library	Latest

Additional Dependencies

• Modern bundling with Vite
• Type-safe development with TypeScript
• Responsive design with Tailwind CSS
• Accessible components via shadcn/ui

---

🚀 Getting Started

Follow these steps to get the project running locally:

Prerequisites

Ensure you have the following installed:

• Node.js (v16 or higher)
• npm or yarn

💡 Tip: Use nvm to manage Node.js versions

Installation

1. Clone the repository

   git clone <YOUR_GIT_URL>

2. Navigate to project directory

   cd <YOUR_PROJECT_NAME>

3. Install dependencies

   npm install

4. Start development server

   npm run dev

5. Open your browser

   Navigate to http://localhost:5173 to view the application

---

💻 Development

Available Scripts

Command	Description
npm run dev	Starts development server with hot reload
npm run build	Creates production build
npm run preview	Previews production build locally
npm run lint	Runs ESLint for code quality

Development Workflow

1. Make your changes in the appropriate files
2. Test locally using npm run dev
3. Build for production with npm run build
4. Deploy - Changes pushed to main branch auto-deploy to Vercel

Project Structure

├── src/ │ ├── components/ # Reusable UI components │ ├── pages/ # Page components │ ├── hooks/ # Custom React hooks │ └── libs/ # Libraries and utilities ├── public/ # Public assets └── package.json # Project dependencies

---

📱 Responsive Design

This portfolio is designed to provide an optimal viewing experience across all devices:

• Desktop (1200px+) - Full layout with all features
• Tablet (768px - 1199px) - Adapted layout for touch interfaces
• Mobile (320px - 767px) - Optimized for small screens

---

🤝 Contributing

While this is a personal portfolio, suggestions and feedback are welcome!

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

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

---

Built with ❤️ using modern web technologies

Live Demo • Report Bug • Request Feature