Personal Portfolio

A modern, responsive personal portfolio website built with Next.js and Tailwind CSS. Showcasing my projects, skills, and professional experience with a clean, minimalist design.

✨ Features

• Responsive Design - Optimized for all devices and screen sizes
• Modern UI/UX - Clean, professional design with smooth animations
• Fast Performance - Built with Next.js for optimal loading speeds
• SEO Optimized - Meta tags and structured data for better search visibility
• Dark/Light Mode - Toggle between themes for better user experience
• Contact Form - Functional contact form with form validation
• Project Showcase - Interactive gallery of featured projects
• Skills Section - Visual representation of technical skills
• Blog Integration - Optional blog section for sharing thoughts and tutorials

🚀 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn package manager

Installation

1. Clone the repository

git clone https://github.com/Siser-Pratap/portfolio.git

2. Install dependencies

npm install
# or
yarn install

5. Run the development server

npm run dev
# or
yarn dev

6. Open http://localhost:3000 in your browser

🛠️ Built With

• Next.js - React framework for production
• React - JavaScript library for building user interfaces
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library for React
• Lucide React - Beautiful & consistent icon toolkit
• EmailJS - Send emails directly from client-side
• Next Themes - Perfect dark mode in 2 lines of code

📁 Project Structure

portfolio/
├── app/                    # Next.js app directory
│   ├── components/         # Reusable UI components
│   ├── lib/               # Utility functions and configurations
│   ├── globals.css        # Global styles
│   ├── layout.tsx         # Root layout component
│   └── page.tsx           # Home page
├── public/                # Static assets
│   ├── images/            # Image assets
│   ├── icons/             # Icon files
│   └── resume.pdf         # Downloadable resume
├── components/            # Additional components
│   └── ui/                # shadcn/ui components
├── .env.example           # Environment variables template
├── next.config.js         # Next.js configuration
├── tailwind.config.js     # Tailwind CSS configuration
└── package.json           # Project dependencies

📧 Contact Form Setup

1. Create an account at EmailJS
2. Create a new email service
3. Create an email template
4. Update the environment variables with your EmailJS credentials

🚀 Deployment

Deploy to Vercel (Recommended)

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Add your environment variables in the Vercel dashboard
4. Deploy!

Deploy to Netlify

1. Build the project: npm run build
2. Upload the out folder to Netlify
3. Configure environment variables in Netlify dashboard

🤝 Contributing

1. Fork the repository
2. Create a feature branch: git checkout -b feature/amazing-feature
3. Commit your changes: git commit -m 'Add amazing feature'
4. Push to the branch: git push origin feature/amazing-feature
5. Open a Pull Request

🙏 Acknowledgments

• Icons from Lucide
• Fonts from Google Fonts

📞 Freelance Contact

Siser Pratap

Full Stack Developer

📧 Email Me

---

⭐ Star this repository if you found it helpful!