I'm S.M. Hasan, a highly motivated Frontend Web Developer. Specializing in JavaScript, React.js, and modern UI/UX design, I am eager to collaborate with development teams and take on new engineering challenges.
Personal Info
I am S.M. Hasan, a highly motivated Frontend Developer. I have built a strong foundation in JavaScript, React.js, and Tailwind CSS through hands-on practical projects. My goal is to transition from solo learning to collaborating with a professional development team. I am eager to embrace new challenges, master advanced technologies like Next.js and TypeScript, and add meaningful value to impactful engineering workflows.
Coming Soon
No professional work experience yet — but actively building real-world products and open to exciting opportunities!
Professional Training
Hands-on, industry-focused training in modern web development technologies and full-stack engineering.
Full-Stack Web Development
Programming Hero
React.js, Tailwind CSS, API/JSON, OAuth, Better Auth, MongoDB, Framer Motion, GSAP.
Responsive Web Design — Frontend with ReactJS
Creative IT Institute
HTML, CSS, JavaScript, React.js, Bootstrap, and Tailwind CSS over 8 months.
My Education
Academic coursework and research focused on key software engineering principles, algorithm design, data management systems, and advanced web optimization.
Daffodil International University
B.Sc. in CSE
My Skills
A diverse skillset bridging modern web development with advanced vector graphics, data architecture, and AI-assisted development tools.
⬅ Frontend Development
Backend / Tools ➡
Projects
Selected Portfolio Works
OXPECKER
Enterprise-grade P2P academic marketplace and supply chain platform with bento-grid UI and advanced search.
DRIVEFLEET
High-performance car rental and fleet hosting platform bridging cinematic storytelling with conversion.
FLOKA AGENCY
Interactive portfolio engineered for modern design agencies with WebGL shaders and physics particles.
MONOPOLY MART
Cinematic luxury eCommerce platform for skincare with Next.js 15 SSR and Better Auth.
ISSUE TRACKER
Deep-trace issue management system with seamless tracking and collaboration features.
Services
My Specialized Services
Frontend Engineering
Custom React Web Apps
Highly interactive Single Page Applications (SPAs), built from the ground up focusing on rendering speed, modular components, and optimal client-side scalability.
User Interfaces
Modern UI/UX Development
Converting Figma mockups to pixel-perfect, fully responsive React components utilizing TailwindCSS, semantic styling, and standard component systems.
Design & Animation
Interactive Web Motion
Implementing fluid, scroll-triggered animations and elegant page transition sequences that elevate brand representation and user engagement.
Process
How I Build Websites
Concept
Researching user personas, scoping technical requirements, and defining MERN-stack architecture.
Target audience & competitor audit
Technical stack mapping
Developing feature roadmap
Development
Building responsive, semantic components using clean React/Next.js code and pixel-perfect Tailwind CSS.
Component scoping & clean routing
State management architecture
SEO & server-side rendering setup
Optimization
Profiling rendering cycles, reducing bundle sizes, and achieving Lighthouse scores of 95+.
Bundle splitting & lazy loading
Comprehensive cross-browser QA
Production matrix monitoring