🚀 Professional Portfolio

A premium, high-performance portfolio website built with the latest Next.js 16, TypeScript, and Tailwind CSS 4. This portfolio is designed to showcase projects, skills, and experience with a focus on immersive user experience, smooth animations, and a sleek glassmorphism aesthetic.

---

✨ Key Features

• 🌊 Ultra-Smooth Scrolling: Integrated with Lenis Smooth Scroll for a cinematic scrolling experience.
• 🎭 Stunning Animations: Powered by Framer Motion for enterprise-grade transitions and micro-interactions.
• ❄️ Interactive Snowflake Cursor: A unique, custom cursor trail effect for enhanced engagement.
• 📊 Real-time Visitor Tracking: Built-in system to track and manage site visitors.
• 📱 Fully Responsive Design: Optimized for all devices—from mobile to high-resolution desktop screens.
• 💌 Advanced Contact System: Functional contact form powered by MongoDB and Mongoose, featuring professional notifications via SweetAlert2 and React Toastify.
• 🎨 Glassmorphism UI: Beautiful, modern interface with blurred overlays and vibrant gradients.
• 🚀 Optimized Performance: Leveraging Next.js Server Components and Image optimization for lightning-fast loads.

---

🛠️ Tech Stack

Frontend

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• State Management: React Hooks
• Animations: Framer Motion & Lottie React
• Carousels: Swiper.js
• Smooth Scroll: Lenis

Backend & Database

• Database: MongoDB
• ORM: Mongoose
• API: Next.js Server Actions & API Routes

Utilities

• Icons: React Icons
• Notifications: SweetAlert2, React Hot Toast, React Toastify
• Deployment: Vercel

---

📂 Project Structure

📂 portfolio
├── 📁 app             # Next.js App Router (Pages & Layout)
├── 📁 components      # Reusable UI Components
│   ├── 📁 pages       # Specific section components (Hero, About, etc.)
│   └── 📁 admin       # Admin dashboard components
├── 📁 lib             # Database connection & shared utilities
├── 📁 models          # Mongoose Schemas (Visitor, Contact, etc.)
├── 📁 public          # Static assets (Images, Lottie files)
└── 📄 tailwind.config # Modern Tailwind 4 configuration

---

🚀 Getting Started

Prerequisites

• Node.js 18+
• MongoDB Instance (Atlas or Local)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Set up Environment Variables: Create a .env.local file in the root directory and add your credentials:

   MONGODB_URI=your_mongodb_connection_string

4. Run the development server:

   npm run dev

5. Build for production:

   npm run build

---

📸 Screenshots

Hero Section	Projects Grid	Contact Form

---

🤝 Contributing

Contributions are welcome! If you have suggestions for improvements or want to add new features, feel free to fork the repo and create a pull request.

---

🙌 Show your support

Created with ❤️ by Amdad Islam