Personal Portfolio

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS, showcasing my professional experience, projects, and skills as a Backend Developer.

🚀 Features

• Responsive Design: Fully responsive layout that works seamlessly across all devices
• Dark/Light Mode: Theme toggle functionality for better user experience
• Modern UI Components: Built with shadcn/ui for consistent and beautiful interfaces
• Smooth Animations: Implemented using Framer Motion for engaging user interactions
• Type-Safe: Built with TypeScript for enhanced code reliability
• Performance Optimized: Fast loading times with Next.js optimizations
• Interactive Sections:
  • About Me
  • Skills Visualization
  • Project Showcase
  • Work Experience
  • Contact Form

🛠️ Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Animations: Framer Motion
• Form Handling: React Hook Form
• Email Service: EmailJS
• Deployment: Vercel

🏗️ Project Structure

portfolio/ ├── app/ # Next.js app directory ├── components/ # React components │ ├── ui/ # Reusable UI components │ └── ... # Feature components ├── hooks/ # Custom React hooks ├── lib/ # Utility functions ├── public/ # Static assets └── styles/ # Global styles

This is my portfolio

## Getting Started

1. **Clone the repository**
   git clone https://github.com/mrrajput04/portfolio.git

2.  Install dependencies
	npm install

3. Set up environment variables

NEXT_PUBLIC_EMAILJS_SERVICE_ID=your_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=your_template_id
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=your_public_key

4. Run the development server:

npm run dev

5. Open http://localhost:3000

## 🎨 Customization
1. Personal Information : Update your details in the components
2. Theme : Modify tailwind.config.ts for custom colors and styling
3. Content : Edit the content in respective component files
4. Images : Replace images in the public directory

## 📱 Key Components
- components/about.tsx : About section with personal information
- components/skills.tsx : Interactive skills visualization
- components/projects.tsx : Project showcase with details
- components/experience.tsx : Work experience timeline
- components/contact.tsx : Contact form with email integration

## 🔧 Development
- Code Style : Uses ESLint and Prettier for consistent code formatting
- Type Safety : Strict TypeScript configuration
- Component Library : Utilizes shadcn/ui for consistent UI components
- Responsive Design : Mobile-first approach with Tailwind CSS

## 📄 License
This project is licensed under the MIT License - see the LICENSE file for details.

## 🤝 Contact
- Divesh Kumar - rajpootdivesh5@gmail.com
- LinkedIn: diveshkumar03 
- GitHub: mrrajput04
- Built with ❤️ by Divesh Kumar