🌐 Rashedul Haque Rasel - Portfolio

Welcome to my personal developer portfolio website! This portfolio showcases my journey as a passionate Full Stack Web Developer from Bangladesh and my featured projects.

Built with bleeding-edge technologies like Next.js, React 19, Tailwind CSS v4, and Framer Motion, focusing on modern aesthetics and high performance.

🔗 Live Website: rashedul-haque-rasel.vercel.app

---

🚀 Tech Stack

• Framework: Next.js (App Directory)
• Frontend library: React 19
• Styling: Tailwind CSS v4
• UI Components: shadcn/ui (Radix UI primitives)
• Animations: Framer Motion
• Forms & Validation: React Hook Form + Zod
• Authentication: NextAuth.js API with @auth/core
• Icons: Lucide React & React Icons
• Deployment: Vercel

---

📂 Features & Sections

• Modern UI/UX: Clean hero section, dynamic styling, and smooth page transitions using Framer Motion.
• Projects Showcase: Interactive showcasing of Fullstack and Frontend projects.
• Responsive Design: Completely mobile-friendly layouts.
• Contact Form: Integrated easy-to-use form to reach out.

---

🌟 Featured Projects

Some of my highlighted works included in this portfolio:

1. RoktoDorkar - Online Blood Donation Management Platform (Next.js, MongoDB, TypeScript)
2. Vendo Food - B2B E-commerce Grocery Distribution Platform
3. ScubaLife - Scuba Diving Courses, Trips & E-commerce Platform
4. Gen-AI Sketch Engine - Web client for managing complex AI states
5. Hierro a Medida - Iron & Steel Supply Platform
6. Witklip Farm - Sustainable Agricultural Excellence Platform
7. Braga Cinematic Engine - Specialized Cinematic Experience Platform
8. Giftap - Your Gifting Solution

(Check out the live website for an interactive showcase of these projects!)

---

🛠️ Local Development

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/RashedulHaqueRasel1/Rashedul-Haque-Rasel.git
   cd Rashedul-Haque-Rasel

2. Install dependencies: (Ensure you have Node.js 20+ installed)

   npm install

   Note: The project also includes a pnpm-lock.yaml, so using pnpm install is recommended.

3. Start the development server:

   npm run dev

   The app will run using Turbopack and will be available at http://localhost:3000.

4. Build for production:

   npm run build

---

📞 Contact

I’m always open to collaboration, freelancing opportunities, or any exciting project ideas!

• Email: [email protected]
• GitHub: RashedulHaqueRasel1
• Portfolio: rashedul-haque-rasel.vercel.app

---

🙌 Thanks for Visiting!

If you find this project helpful or inspiring, please consider giving it a ⭐ on GitHub!