Skip to main content

Refayth Hossain

Frontend EngineerCrafting accessible, beautiful web experiences

A skilled frontend engineer driven by a passion for continuous learning and crafting impactful software for developers and beyond.

"
A computational process is indeed much like a sorcerer's idea of a spirit. It cannot be seen or touched. It is not composed of matter at all. However, it is very real. It can perform intellectual work. It can answer questions. It can affect the world by disbursing money at a bank or by controlling a robot arm in a factory.
Hal Abelson

Skills & Tools

JavaScript
TypeScript
React
Next.js
REST API
Python
Django
Tailwind CSS
Git
GitHub
MongoDB
Postman
Vercel
Framer Motion
React Hook Forms
Zod
Shadcn UI
Figma

About Me

Frontend Engineer & Enthusiast

I'm a Frontend Engineer with a passion for crafting beautiful, functional, and accessible web experiences.

My approach blends technical depth with design intuition to build applications that are robust and performant while remaining visually engaging and intuitive to use.

Refayth Hossain - Frontend Developer professional portrait

All Projects

Explore my complete portfolio of web development projects

Molymart Store Frontend - Web App project screenshot
View
Web App

Molymart Store Frontend

A full featured automated ecommerce storefront integrated with a custom CMS and dynamic page builder. Includes customizable header/footer, theme management, dynamic product and checkout page design, mobile friendly navigation, SEO/marketing integrations, and more.

Next.jsTypeScriptTailwind CSS
Molymart Admin Panel - Dashboard project screenshot
View
Dashboard

Molymart Admin Panel

An advanced admin dashboard for managing products, orders, users, vendors, warehouses, and inventory. Features include CRUD operations, filters, status updates, reporting and analytics, HRM with custom roles and permissions, multi store management, storefront setup, and full theme customization with live preview.

Next.jsTypeScriptTailwind CSS
Wishlist Keeper - Web App project screenshot
View
Web App

Wishlist Keeper

A full stack app to collect, categorize, and monitor wishlist products across various ecommerce sites with authentication, responsive UI, and MongoDB persistence.

Next.jsTypeScriptNextAuth
Art Muse Gallery - Web App project screenshot
View
Web App

Art Muse Gallery

An interactive gallery app fetching artwork from the Art Institute of Chicago API. Features smooth animations, dynamic routing, and mobile friendly UI.

Next.jsFramer MotionTailwind CSS

Experience

My professional journey and the roles that have shaped my expertise

Junior Frontend Developer

Codemoly
Jan 2025 - Present
  • Collaborated with the frontend team to build Molymart, the company’s flagship SaaS e-commerce platform, including both Storefront and Admin Panel.
  • Developed dynamic, reusable atomic components optimized for scalable e-commerce use cases across multiple stores and themes.
  • Implemented Server-Side Rendering (SSR), Server Actions, and API route optimizations using Next.js 15 for faster load times and improved SEO.
  • Integrated ShadCN UI, Tailwind CSS, and Framer Motion to deliver a clean, accessible, and animated user experience.
  • Worked on the Admin Panel for managing products, vendors, warehouses, store settings, order fullfillment, purchase and return flows, etc with CRUD operations and filtering systems.
  • Collaborated with backend engineers to design efficient data models and algorithms, optimize API responses, and handle complex edge cases.
  • Added dynamic storefront design controls enabling merchants to customize layout, banners, and themes directly from the dashboard.
  • Introduced loading states, skeleton screens, and fallback strategies to improve perceived performance and user experience.
  • Implemented component level caching, lazy loading, and API response memoization to reduce redundant requests and boost responsiveness.
  • Enhanced Core Web Vitals by minimizing layout shifts, reducing bundle size, and improving TTFB with smarter asset delivery.
  • Built custom hooks and utility functions to centralize logic, simplify data fetching, and reduce repetitive boilerplate.
  • Collaborated closely with the backend team to define API contracts, handle pagination and filtering, and fix performance bottlenecks.
  • Maintained a clean, scalable TypeScript codebase following atomic design and feature-based architecture principles.
  • Reviewed pull requests, led small feature rollouts, and contributed to continuous refactoring to maintain consistency and performance.

Web Developer Intern

Codemoly
Oct 2024 - Dec 2024
  • Assisted in frontend revamp projects under senior developer mentorship.
  • Reduced API call volume and fixed critical bugs in the Fastcom project.
  • Enhanced performance metrics through optimized API usage and efficient data fetching.
  • Rebuilt the BEBSHADAR POS web UI using HTML, Tailwind CSS, and vanilla JavaScript.
  • Integrated barcode scanner input for the POS system, ensuring smooth and intuitive user interactions.
  • Participated in QA testing, handled bug fixes, and improved UI consistency across pages.
  • Gained hands-on experience in project structure, Git workflows, and collaborative development practices.

Certificates & Credentials

Professional certifications and courses I've completed to enhance my skills.

Reactive Accelerator - Batch 1 certificate issued by Reactive Accelerator - Batch 1

Reactive Accelerator - Batch 1

Learn with Sumit - LWS
January 08, 2024 to June 18, 2024

From mastering the essentials of React and Next.js to building real-world projects, this course has been a key part of my journey toward becoming a confident and capable front-end developer.

Advanced JS
React JS
Next JS
Server Component
SSR
Server Actions
Tailwind CSS

Let's Build Something Amazing Together

Have a project in mind or looking for a skilled engineer to join your team? I'm always open to discussing new opportunities and challenges.

© 2025 Refayth Hossain. All rights reserved.