Codemoly
Feb 25 - Present
Hey, this isMD Maruf Hossain
I'm a
|
Passionate about creating beautiful, responsive, and user-friendly web applications using React.js, Next.js, and modern web technologies.
Over 4 years of real-world experience.
⚛️
▲
Skills & Technologies
Here are the technologies and tools I work with to bring ideas to life
Problem Solving
Solving problems with the best solution.
Clean Code
Writing clean, maintainable, and scalable code.
OOP Knowledge
Understanding and implementing OOP principles.
Design Patterns
Implementing design patterns in real-world applications.
First Learning
Learning new technologies, libraries and frameworks.
Performance Optimization
Optimizing the performance of web applications.
Professional Experience
A detailed look at the companies I've worked with, the technologies I've mastered, and the impactful solutions I've delivered as a frontend developer.
React.js|
Next.js|
TypeScript|
Tailwind CSS|
Chart.js|
Pusher.js|
Zustand|
Zod|
React Hook Form|
SSR|
Framer Motion
- Leading the development of scalable and responsive UIs using React and Next.js.
- Architecting complex component trees and layouts with performance in mind.
- Building and maintaining real-time chat systems using Pusher.js.
- Implementing robust state management with Zustand and server actions.
- Creating reusable and well-tested components, hooks, and utilities.
- Optimizing apps with SSR, dynamic routing, and code-splitting for fast load times.
- Collaborating closely with design and backend teams for end-to-end delivery.
- Handling complex forms using React Hook Form, Zod, and Next.js server actions.
- Driving frontend best practices, accessibility, and performance standards.
Texbazar Ltd.
May 24 - Jan 25
Next.js|
TypeScript|
Tailwind CSS|
Chart.js|
Pusher.js|
Zustand|
Zod|
React Hook Form|
SSR
- Building Responsive designs with React & NextJS.
- Managing complex and deep layout tree.
- Realtime chat system.
- Global state management with Zustand.
- Creating reusable components and hooks.
- Developing and maintaining web applications.
- Collaborating with the design and back-end team.
- Utilizing Nextjs latest features for performance and code quality.
- Form submission and mutation with react-form-hook, zod & server actions.
Hishabee Technology Ltd.
Oct 22 - April 24
React|
Next.js|
TypeScript|
Redux Toolkit|
Tailwind CSS|
React Hook Form|
RTK Query|
Chart.js|
Framer Motion
- Building Responsive designs with React & NextJS.
- Developing and maintaining web applications.
- Implementing new features and optimizing existing ones.
- Collaborating with the design and back-end team.
- Managing complex and deep layout tree.
- Creating reusable components and hooks.
- Global state management with Redux Toolkit.
- Utilizing Nextjs latest features for performance and code quality.
Featured Projects
Here are some of my recent projects that showcase my skills and experience
This project is a Next.js application built with TypeScript, designed for a modern and dynamic user experience.
Next.js
TypeScript
Chart.js
Pusher.js
Tailwind CSS
Zustand
React Hook Form
SSR
Framer Motion
This project is a Next.js application utilizing TypeScript with various libraries for front-end functionality.
Next.js
TypeScript
Chart.js
Tailwind CSS
Redux Toolkit
React Hook Form
RTK Query
Manshir is Bangladesh's dedicated property marketplace. Buy, rent, or list flats, houses, land, and commercial spaces—zero commission, agent-friendly.
Next.js
TypeScript
Pusher.js
Tailwind CSS
Shadcn-UI
React Hook Form
From idea to execution — we craft custom tools that scale as you do. Powered by developers with 4–6+ years of hands-on experience in the software industry.
Next.js
TypeScript
Three.js
Framer-motion
Tailwind CSS
Shadcn-UI
A fast, modern Point of Sale system for retail businesses, built with Next.js and TypeScript, featuring a sleek UI and dynamic form handling.
Next.js
TypeScript
Framer-motion
Tailwind CSS
Shadcn-UI
React Hook Form
A responsive hotel management app built with Next.js, TypeScript, and Tailwind CSS, featuring smooth animations and modern UI components.
Next.js
TypeScript
Framer-motion
Tailwind CSS
Shadcn-UI
React Hook Form
Open Source Contribution
Contributing to the developer community with useful libraries and tools
🔑@marufme/device-key
A lightweight, comprehensive device detection and fingerprinting library for modern web applications
Key Features
Device Detection
Identify device type (Desktop, Mobile, Tablet)
Browser Information
Get browser name, version, engine, and vendor
OS Detection
Detect operating system name, version, platform, and architecture
Battery Status
Monitor battery level, charging status, and charging time
Network Info
Get network connection type and CPU cores
Device Fingerprinting
Generate unique, stable device identifiers
Canvas Fingerprinting
Advanced fingerprinting using Canvas and WebGL
Localization
Language preferences and timezone information
Hardware Details
Screen resolution, pixel ratio, and CPU cores
Privacy Aware
Server-side safe with graceful fallbacks
Technologies Used
TypeScript
JavaScript
Web APIs
Canvas API
WebGL
Battery API
Network API
Device Detection
Fingerprinting
Installation
npm install @marufme/device-keyQuick Usage
import { DeviceKey } from '@marufme/device-key';
const deviceInfo = new DeviceKey();
console.log(deviceInfo.getDeviceType());
console.log(deviceInfo.getBrowserInfo());
console.log(deviceInfo.generateFingerprint());Available on NPMMIT License
Get detailed information about user devices, browsers, and generate unique device fingerprints
About Me
Get to know more about my journey and passion for web development
I'm a passionate Frontend Developer with over 4 years of experience in creating beautiful, responsive, and user-friendly web applications. My journey in web development started with a curiosity about how websites work, and it has evolved into a deep passion for crafting exceptional digital experiences.
I specialize in React.js and Next.js, and I'm constantly learning new technologies to stay current with the ever-evolving web development landscape. I believe in writing clean, maintainable code and following best practices to deliver high-quality solutions.
When I'm not coding, you can find me exploring new technologies, contributing to open-source projects.
4+
Years Experience
10+
Projects Completed
Get In Touch
Have a project in mind or want to collaborate? I'd love to hear from you!
Send me a message
Let's connect
I'm always open to discussing new opportunities, interesting projects, or just having a chat about web development.