MD ABDULLA ALL ARAFAT

MERN Stack Developer | Frontend-Focused Full-Stack Web Developer

👋 Hi there! I’m Al Arafat, a MERN Stack Developer passionate about building secure, scalable, and user-friendly web applications. I specialize in crafting responsive frontends with smooth UI/UX interactions while managing backend logic to deliver complete full-stack solutions.

🛠 Technical Expertise
Frontend: React.js, Tailwind CSS, DaisyUI, Framer Motion (Interactive UI/UX)
Backend: Node.js, Express.js, MongoDB, RESTful APIs
Authentication & Security: Firebase Authentication, JWT, Protected Routes
Tools & Workflow: Git/GitHub, Vercel, Netlify, Responsive Design, CI/CD
UI/UX Enhancements: SweetAlert2, Swiper.js, React CountUp, Dynamic Data Tables

Projects:
1. FitForge
Live: https://fitforge-8d026.web.app/
A full-featured MERN-stack fitness tracker platform where users can join as Admin, Trainer, or Member to manage workouts, book classes, track goals, and participate in community forums. Designed with secure role-based access, responsive UI, and Stripe-integrated payments.

Tech Stack: React, Tailwind CSS, Node.js, Express.js, MongoDB, Firebase Auth, JWT, Stripe, Framer Motion, TanStack Query

Major Features:
--Implemented role-based access (Admin, Trainer, Member) with secure login using Google and GitHub authentication.
--Book fitness classes, manage schedules, and apply as a trainer with admin approval & newsletter subscription support
--Pay securely with Stripe, view booking history, and track payments Fully responsive design with animated UI

2. Blogify
Live: https://assignment-11-client-32ff9.web.app/
A modern, full-stack blogging platform that allows users to write, share, and interact with content. Designed for a seamless user experience with secure authentication and advanced content features.

Tech Stack: React, Tailwind CSS, Firebase Auth, Node.js, Express.js, MongoDB, JWT, Framer Motion, TanStack Table

Major Features:
--Secure login with Firebase & JWT, Google Auth, protected routes, and role-aware access across the platform
--Create, edit, delete, and browse blogs by category with smart filtering, Markdown support, and featured listing
--Comment on blogs (except own), save favorites to wishlist, and enjoy a fully responsive, animated modern UI

3. HobbyHub
Live: https://assignment-10-client-715c7.web.app/
A local hobby group organizer application using React, Firebase, Node.js, Express, and MongoDB, designed to allow users to create, join, and manage hobby groups with a dynamic, responsive UI.

Tech Stack: React, Tailwind CSS, DaisyUI, Firebase Auth, Node.js, Express.js, MongoDB, React CountUp, SweetAlert2

Major Features:
--Secure authentication with Firebase, offering email/password and Google login with protected access control
--Create hobby groups with start date validation, member limits, and manage participation in a structured way
--Mobile-first responsive design with light/dark mode, animated counters, smooth transitions, and rich UI feedback

Each project demonstrates my ability to build real-world, mobile-first web apps that are scalable, accessible, and performance-focused.

🎯 Passion & Goals
✔ Creating visually appealing, accessible, and responsive web interfaces
✔ Strengthening backend skills to support secure and scalable full-stack applications
✔ Interested in exploring the intersection of web development and data analytics
✔ Planning to learn Data Analytics and Visualization to work with data-driven features and dashboards in the future
✔ Eager to collaborate with teams building impactful digital products that solve real-world problems

📩 Let’s Build Something Great!
📧 Email: 123alarafat@gmail.com
🌐 Portfolio: arafat-portfolio2.netlify.app
📱 WhatsApp: +8801747144726

Open to frontend-heavy full-stack roles, freelance projects, and collaboration with growth-minded teams