Portfolio Website

A modern, responsive portfolio website built with Next.js showcasing my projects, experience, and skills.

🚀 Features

• Responsive Design - Works on desktop, tablet, and mobile
• Interactive Project Cards - Click to expand and view details
• Functional Contact Form - Powered by EmailJS
• Smooth Animations - Background parallax and card transitions
• Modern UI - Built with Tailwind CSS and shadcn/ui components

🛠️ Tech Stack

• Framework: Next.js 15
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Email Service: EmailJS
• Icons: Lucide React
• Fonts: Geist Sans & Mono

📦 Installation

1. Clone the repository
2. Install dependencies:

   npm install

3. Create .env.local file with EmailJS configuration:

   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. Start the development server:

   npm run dev

🌐 Deployment

This site is designed to work with static hosting providers like:

• GitHub Pages + Cloudflare Pages
• Netlify

📧 Contact Form Setup

The contact form uses EmailJS for email functionality. See EMAILJS_SETUP.md for detailed setup instructions.

📝 License

MIT License - feel free to use this template for your own portfolio!

---

Live Site: BaderJabri.ca