GitHunt

Md Sofian Hasan

marleyDip

Full Stack Web Developer in MERN Stack || NextJS || ReactJS || NodeJS || ExpressJS || MongoDB || MySQL || PostgreSQL || Docker

Languages

JavaScript62%HTML24%TypeScript10%CSS3%

Repos

52

Stars

31

Forks

0

Top Language

JavaScript

Loading contributions...

Top Repositories

Real-Estate-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

This comprehensive project guide includes a contemporary navbar, a hero section, a process showcase, about company info, fancy blog, customer testimonials, a contact form, and an elegant footer. Additionally, I've learned to incorporate scroll-to-top buttons, and highlighted active links, all designed to be mobile-friendly and optimized.

2HTML
Monorepo-Commerce-App-with-Microservices-Architecture

Full-stack e-commerce app with admin dashboard using microservices. Monorepo with Turborepo, Next.js, Express/Fastify/Hono, Prisma, MongoDB, Kafka, authentication, and Stripe payments.

1TypeScript
MERN-Real-Estate-App-Context-API-Tailwind-CSS

A modern real estate web app with property browsing, search & filters, detailed listings, favorites, contact forms, and an admin dashboard for managing properties and analytics.

1JavaScript
NextJS-E-Commerce-App-Client-UI

It includes responsive layouts, interactive product cards, filters, shopping cart management with Zustand, form validation with RHF & Zod, and a complete admin panel for managing products, users, and orders.

1TypeScript
NextJS-Admin-Dashboard-ShadCN-Tailwind-CSS

This project demonstrates how to design a scalable, modern dashboard with reusable UI components. It showcases responsive layouts, theming, dark mode, charts, forms, and interactive elements.

1TypeScript
Admin-Dashboard-UI-With-NextJS-and-Tailwind-CSS

Responsive Admin Dashboard built with Next.js and Tailwind CSS. Implements modern routing, clean UI design, and scalable styling best practices.

1JavaScript

Repositories

52
MA
marleyDip/Real-Estate-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

This comprehensive project guide includes a contemporary navbar, a hero section, a process showcase, about company info, fancy blog, customer testimonials, a contact form, and an elegant footer. Additionally, I've learned to incorporate scroll-to-top buttons, and highlighted active links, all designed to be mobile-friendly and optimized.

HTML20Updated 8 months ago
absoluteblockdom-manipulationfixedflexfloat-layoutsgapgridinline-blockopacitypseudo-elementsrelativespacetransformtranslatetranslate-xml
MA
marleyDip/Monorepo-Commerce-App-with-Microservices-Architecture

Full-stack e-commerce app with admin dashboard using microservices. Monorepo with Turborepo, Next.js, Express/Fastify/Hono, Prisma, MongoDB, Kafka, authentication, and Stripe payments.

TypeScript10Updated 4 months ago
dockerexpress-jsfastify-jshono-jskafkamicroservicesmongodbmonoreponext-js-15postgresqlprismarequestlystripeturborepo
MA
marleyDip/MERN-Real-Estate-App-Context-API-Tailwind-CSS

A modern real estate web app with property browsing, search & filters, detailed listings, favorites, contact forms, and an admin dashboard for managing properties and analytics.

JavaScript10Updated 6 months ago
arrow-functionsclerk-authenticationfunctional-componentsjavascript-array-methodsprebuilt-uiprops-childrenreact-router-domswiper-slider
MA
marleyDip/NextJS-E-Commerce-App-Client-UIFork

It includes responsive layouts, interactive product cards, filters, shopping cart management with Zustand, form validation with RHF & Zod, and a complete admin panel for managing products, users, and orders.

TypeScript10Updated 5 months ago
MA
marleyDip/NextJS-Admin-Dashboard-ShadCN-Tailwind-CSS

This project demonstrates how to design a scalable, modern dashboard with reusable UI components. It showcases responsive layouts, theming, dark mode, charts, forms, and interactive elements.

TypeScript10Updated 5 months ago
action-buttonarea-chartbar-chartbreadcrumbscalendar-componentcheckbox-componentdata-table-componenthover-cardline-chartnavbar-menupaginapie-chartpopover-componentprogress-barreact-hook-form-zodrow-selectionscroll-areasidebar-menutanstack-react-tabletheme-toggle
MA
marleyDip/Admin-Dashboard-UI-With-NextJS-and-Tailwind-CSS

Responsive Admin Dashboard built with Next.js and Tailwind CSS. Implements modern routing, clean UI design, and scalable styling best practices.

JavaScript10Updated 6 months ago
array-map-methodchartjsfont-awesomenext-dynamicnext-imagenext-linknext-navigationnextjs15react-chartjs-2react19remixiconstailwindcss-v4usestate-hook
MA
marleyDip/DeshIt-BD-Job-Assignment

No description provided.

JavaScript10Updated 6 months ago
MA
marleyDip/React-ECommerce-Context-API-Tailwind-CSS

E-commerce app built with React & Tailwind CSS featuring product carousel, pagination, cart management with Context API, local storage, and Clerk authentication.

JavaScript10Updated 7 months ago
arrow-functionsaxios-reactclerk-authconditional-renderingcontext-apicreate-contextfakestore-apifunctional-componentsjavascript-array-methodsjavascript-es6javascript-object-methodslists-keyslocal-storageprotected-routereact-slick-carouselsticky-headersternary-operatoruse-contextusestate-hookusseffect-hook
MA
marleyDip/React-Ticket-Generator-Tailwind-CSS

A React & Tailwind CSS app to generate, preview, print, and download dynamic tickets with form validation.

JavaScript10Updated 7 months ago
arrow-functionsconditional-renderingfile-uploadfilereader-apiform-dataform-validationfunctional-componentshtmltopngjavascript-array-methodsjavascript-es6javascript-object-methodslists-keysprintternary-operatoruseref-hookusestate-hookusestate-hooks
MA
marleyDip/React-Contact-Form-Tailwind-CSS

Responsive React contact form with validation for email, phone, and required fields, logging submitted data to the console.

JavaScript10Updated 7 months ago
arrow-functionsasync-awaitconditional-renderingerror-handlinges6-javascriptform-submitfunctional-componentsjavascript-array-methodsjavascript-object-methodslists-and-keysternary-operatorusestate-hookvalidate-form
MA
marleyDip/React-Table-With-Editable-Cells-Tailwind-CSS

A lightweight React table with inline cell editing, search, filtering, add/delete rows, and undo/redo functionality - built entirely without external table libraries.

JavaScript10Updated 7 months ago
conditional-renderingfunctional-componentsjavascript-array-methodsjavascript-es6javascript-object-methodslists-and-keysprops-and-state-componentsternary-operatorundo-redouseeffect-hookusememo-hookuseref-hookusestate-hook
MA
marleyDip/React-Admin-Dashboard-Tailwind-CSS

A modern and responsive Admin Dashboard featuring a side menu, interactive charts, data tables, and stat cards for efficient data management.

JavaScript10Updated 7 months ago
barconditional-renderingfunctional-componentsif-else-statementsjavascript-array-methodsjavascript-object-methodspie-chartprops-and-state-componentsrecharts-jstailwindcsstemplate-literalsternary-operatorusestate-hook
MA
marleyDip/React-Invoice-Generator-App-Redux-Toolkit-Tailwind-CSS

A modern invoice generator to add, edit, delete, filter invoices, and generate professional PDFs with a clean React, Tailwind, Redux Toolkit setup.

JavaScript10Updated 7 months ago
actionsconditional-renderingdate-fnsdispatchfunctional-componentsheadlessui-reactjavascriptjavascript-array-methodsjavascript-object-methodslists-keysprops-and-state-componentsreact-pdfreducersredux-toolkitselectortailwind-cssternary-operatoruse-effectuse-state
MA
marleyDip/React-eCommerce-Website-Redux-Toolkit-Router-Tailwind-CSS

Responsive eCommerce website built with product search, category filtering, and complete cart management, including add, update, and delete functionalities.

JavaScript10Updated 7 months ago
actionsconditional-renderingconfigurestorecreateslicecrud-operationsfilter-listsfind-methodfunctional-componentlists-keysmap-array-methodreact-redux-toolkitreact-router-v7react-taostifyreducertailwind-cssternary-operatorusedispatchuseselector
MA
marleyDip/React-Quiz-App-Redux-Toolkit-Tailwind-CSS

Features include a guided start screen, timed questions, real-time answer feedback with explanations, and a sleek results page showing your score, time taken, and correct/wrong answers.

JavaScript10Updated 7 months ago
actionsconditional-renderingconfigurestorecreateslicefunctional-componentskeyslistsmap-array-methodproviderreducerredux-toolkittailwind-cssternary-operatorusedispatchuseselectorusestate-hook
MA
marleyDip/React-ToDo-App-Redux-Toolkit-Tailwind-CSS

A powerful ToDo app with a progress bar, total task count, active/completed task tracking, filters (All, Active, Completed), and full CRUD functionality including bulk complete and clear.

JavaScript10Updated 7 months ago
actionsconditional-renderingconfigurestorecreateslicefilter-methodsfunctional-componentsinput-refkeyslistslocalstoragemap-array-methodproviderreact-redux-toolkitreducerssettimeouttailwind-cssternary-operatoruseref-hookusestate-hook
MA
marleyDip/React-Ecomerce-Product-Cart-ReduxJs-Toolkit-Tailwind-CSS

This project uses React, Tailwind CSS, and Redux Toolkit to build a shopping cart with features like adding products, updating quantities, and dynamic price calculation.

JavaScript10Updated 7 months ago
actionconditional-renderingconfigurestorecreateslicecustom-propertiesfilter-arrayfunctional-componentsmap-array-methodproviderreact-reduxreact-toastifyreduce-arrayreducersredux-toolkitstatetailwind-cssternary-operatorusedispatchuseselectorusestate-hook
MA
marleyDip/React-Multi-Step-Registration-Form-Context-API-Tailwind-CSS

Features include input validation, a progress bar, preferences, and reviews. It collects user data in two sections: Personal & Contact Information and is easily extendable.

JavaScript10Updated 7 months ago
conditional-renderingcontext-apicreate-contextdom-manipulationerror-handlingevent-handlingfunctional-componentsinput-validationmap-array-methodmulti-form-steponchange-eventonclick-eventsreset-formsubmit-formtailwind-cssternary-operatoruse-contextvalidate-formvalue-object
MA
marleyDip/React-Multi-Menu-Navbar-Framer-Motion-Tailwind-CSS

Responsive multilevel dropdown navbar with react js & tailwind css | React js Dropdown Navbar

JavaScript10Updated 7 months ago
conditional-renderingframer-motionfunctional-componentsjsx-renderermap-array-methodoptional-chainingtailwind-cssternary-operatoruseeffect-hookvite
MA
marleyDip/React-Dental-Clinic-Landing-Page-Using-Tailwind-V4-And-Framer-Motion

Build a modern, fully responsive Dental Clinic Website using React, Vite, Framer Motion and Tailwind CSS. Learn to create clean UI sections, mobile-first layouts, and smooth user experiences -- perfect for real-world projects.

JavaScript10Updated 7 months ago
array-map-methodconditional-renderingframer-motionfunctional-componentsjsx-templateslucide-reactreact-iconstailwindcss-v4usestate-hook
MA
marleyDip/React-JS-Basic-Projects

A beginner-friendly React JS project covering core concepts like components, props, state, hooks, and routing.

JavaScript10Updated 8 months ago
conditional-renderingcontext-apicontrolled-componentsevents-input-handlingfetch-axiosfunctional-componentsif-else-statementsjsx-componentslists-keysmap-filterprops-and-state-componentsreact-bootstrapreduxrouter-domstatic-dynamic-routingtailwindcssternary-operatoruseeffect-hookusestate-hook
MA
marleyDip/marleyDip

No description provided.

10Updated 8 months ago
MA
marleyDip/MERN-STACK-PORTFOLIO-BACKEND

No description provided.

JavaScript10Updated 1 year ago
MA
marleyDip/Deep-VPN-Landing-Page-Using-Tailwind-CSS-And-JavaScript

This project is a simple landing page for a VPN service. It is built using Tailwind CSS and AOS library for animations.

HTML10Updated 8 months ago
aos-animationfixedflexgridnavbarscalastaticswiper-slidertranslatetrasition
MA
marleyDip/Ice-Cream-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

Step-by-step project to build a fully responsive Ice Cream website using Tailwind CSS. Includes header, hero, promo, shop, ingredients, blog, animations, and live deployment.

HTML10Updated 8 months ago
absolutebottomdom-manipulationfixedflexgridleftrelativerightscrollrevealstaticswiper-slidertop
MA
marleyDip/Coffee-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

This project shows you how to build a beautiful and interactive coffee website with custom sections like header, home, about, Quality, variety, products, and footer. It also includes scroll animations, active links, and JavaScript features to make the site more dynamic.

HTML10Updated 8 months ago
absolutefixedflexgridmobile-navbarpseudo-elementsrelativerotatescalestaticsticky-navbartranslate
MA
marleyDip/Burger-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

This comprehensive project guide includes a contemporary navbar, a hero section, a menu showcase, customer testimonials, a contact form, and an elegant footer. Additionally, I've learned to incorporate dark mode, scroll-to-top buttons, and highlighted active links, all designed to be mobile-friendly and optimized.

HTML10Updated 8 months ago
absoluteblockfixedflexgridinline-blocklocalstoragerelativestatic
MA
marleyDip/Interior-Landing-Page-Using-Tailwind-CSS-v4.1.11-And-JS-DOM

Built with Tailwind CSS v4 and JavaScript, this interior landing page is deployed for performance and clean & smooth interactive design flow.

CSS10Updated 8 months ago
advanced-javascriptblockcss3flexgridhtml5position-absoluteposition-fixedposition-relativeremixiconsscrollreveal-jsswiper-jsswiper-slidertailwindcss-v4transformtransitiontranslate
MA
marleyDip/Modern-Landing-Page-Using-Tailwind-CSS-v3-And-JS-DOM

A modern landing page is built and deployed using Tailwind CSS, showcasing a visually appealing design with interactive elements.

HTML10Updated 8 months ago
css-flexboxcss-gridcss3html5javascriptposition-fixedposition-relativeremixiconsscrollreveal-jsstickyswiper-jsswiper-slidertailwindcss-v3z-index
MA
marleyDip/Plant-Landing-Page-Using-Tailwind-CSS-And-JS-DOM

The projects covers key sections including the header, home, services, about, popular items, reviews, and footer. I'll also add scroll-up functionality, animated navigation, and deploy the final site online.

HTML10Updated 8 months ago
absoluteaddeventlisteneranimationbottomdomflexgridleftrelativerightrotatescaletoptransformtranslatewindow

Gists

Recent Activity

Md Sofian Hasan (marleyDip) | GitHunt