Hello, I'm S.M. Hasan, a Ai Driven Fullstack 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 currently working as a Frontend Developer who loves building fast, clean, and responsive web applications using React.js, Next.js, and TypeScript. To become a Full-Stack Developer, I am learning backend technologies such as Node.js, Express.js, and MongoDB to build secure full-stack applications.
Frontend AI Engineer
Flyrank AI- Developing intuitive web interfaces for an AI-powered growth platform, cutting technical SEO workflow completion time by 40% across 15+ SaaS client portals.
- Building interactive analytics dashboards with real-time visualization widgets, enabling users to monitor 50,000+ daily search visibility metrics with sub-second data refresh rates.
Frontend Web Developer
Ultimez Technology- Developed 'Animal Rescue Connect' — an Emergency Help Platform for Stray & Sick Animals, delivered across 3 structured execution phases.
- Collaborated in a dedicated 2-member team to design and build responsive frontend web interfaces, achieving pixel-perfect layouts, 100% cross-browser compatibility, and 95+ Lighthouse accessibility scores.
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
ROCK-BIT
Next-generation web application featuring real-time data sync, interactive UI components, and modern architecture.
MEDICARE CONNECT
Full-stack healthcare platform connecting patients with doctors, medical appointment scheduling, and health records.
TREE FUNDING
Environmental crowdfunding platform designed to fund reforestation, tree planting initiatives, and eco campaigns.
AI-PHMS
AI-powered Personal Health Management System providing intelligent health diagnostics, record tracking, and insights.
DRIVEFLEET
High-performance car rental and fleet hosting platform bridging cinematic storytelling with conversion.
OXPECKER
Enterprise-grade P2P academic marketplace and supply chain platform with bento-grid UI and advanced search.
FLOKA AGENCY
Interactive portfolio engineered for modern design agencies with WebGL shaders and physics particles.
Services
My Specialized Services
Frontend Engineering
Custom React Web Apps
Highly interactive Single Page Applications 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 components utilizing TailwindCSS, semantic styling, and standards-based design systems.
Design & Animation
Interactive Web Motion
Implementing fluid, scroll-triggered animations and elegant page transitions that elevate brand representation and user engagement significantly.
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