Projects in Awesome Lists by marleyDip
A curated list of projects in awesome lists by marleyDip .
https://github.com/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.
Last synced: 20 Jun 2026
https://github.com/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.
css-flexbox css-grid css3 html5 javascript position-fixed position-relative remixicons scrollreveal-js sticky swiper-js swiper-slider tailwindcss-v3 z-index
Last synced: 16 May 2026
https://github.com/marleydip/advanced-javascript-with-projects
Projects & Assignment Problem Practise => Conditional & Looping Statement, Objects & Object Methods, Arrays & Array Method, Function (CallBack, Arrow, SetInterval, setTimeout, clearInterval, Filter, forEach, map, reduce), DOM, querySeletor, Events
array-manipulations array-methods arrow-functions callback-functions data-structures-and-algorithms dom events filter for-if-nested for-in for-of foreach function if-elseif-else map-flatmap nested-for-loops object-methods reduce switch-case
Last synced: 18 Jun 2025
https://github.com/marleydip/tailwind-css
Typography, Background Color & Image in Tailwind CSS
Last synced: 26 Jun 2025
https://github.com/marleydip/netflix-clone-tailwind_css
Tailwind CSS, enriched with a real-world NETFLIX project!
absolute addeventlistener flex footer foreach-loop grid header order relative section
Last synced: 26 Jun 2025
https://github.com/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.
advanced-javascript block css3 flex grid html5 position-absolute position-fixed position-relative remixicons scrollreveal-js swiper-js swiper-slider tailwindcss-v4 transform transition translate
Last synced: 23 Jul 2025
https://github.com/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.
absolute bottom dom-manipulation fixed flex grid left relative right scrollreveal static swiper-slider top
Last synced: 07 Feb 2026
https://github.com/marleydip/deep-blog
Vue JS 3 - The Composition API
computed-values refs-vs-reactive reusable-composables-function template-refs using-refs-for-reactivity watch-and-watcheffect
Last synced: 13 Feb 2026
https://github.com/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.
action-button area-chart bar-chart breadcrumbs calendar-component checkbox-component data-table-component hover-card line-chart navbar-menu pagina pie-chart popover-component progress-bar react-hook-form-zod row-selection scroll-area sidebar-menu tanstack-react-table theme-toggle
Last synced: 22 Jul 2026
https://github.com/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.
conditional-rendering functional-components jsx lists map-array-method react-redux-toolkit tailwind-css ternary-operator usestate-hook
Last synced: 06 May 2026
https://github.com/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..
actions conditional-rendering configurestore createslice functional-components keys lists map-array-method provider reducer redux-toolkit tailwind-css ternary-operator usestate-hook
Last synced: 07 May 2026
https://github.com/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.
conditional-rendering functional-components headlessui-react javascript lists-keys props-and-state-components redux-toolkit tailwind-css ternary-operator
Last synced: 02 Jul 2026
https://github.com/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.
Last synced: 24 Jul 2025
https://github.com/marleydip/react-js-basics
A beginner-friendly React JS project covering core concepts like components, props, state, hooks, and routing.
Last synced: 24 Jul 2025
https://github.com/marleydip/react-multi-menu-navbar-framer-motion-tailwind-css
Responsive multilevel dropdown navbar with react js & tailwind css | React js Dropdown Navbar
framer-motion functional-components jsx-renderer optional-chaining tailwind-css useeffect-hook vite
Last synced: 14 Apr 2026
https://github.com/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.
conditional-rendering context-api functional-components map-array-method tailwind-css ternary-operator
Last synced: 18 May 2026
https://github.com/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.
actions conditional-rendering configurestore createslice crud-operations filter-lists find-method functional-component lists-keys map-array-method react-redux-toolkit react-router-v7 react-taostify reducer tailwind-css ternary-operator usedispatch useselector
Last synced: 29 Jun 2026
https://github.com/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.
arrow-functions clerk-auth conditional-rendering context-api functional-components javascript-array-methods javascript-object-methods lists-keys local-storage pagination react-slick ternary-operator
Last synced: 21 Aug 2025
https://github.com/marleydip/react-contact-form-tailwind-css
Responsive React contact form with validation for email, phone, and required fields, logging submitted data to the console.
conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys ternary-operator
Last synced: 21 Aug 2025
https://github.com/marleydip/react-ticket-generator-tailwind-css
"A React & Tailwind CSS app to generate, preview, print, and download dynamic tickets with form validation.
arrow-functions conditional-rendering functional-components javascript-array-methods javascript-es6 javascript-object-methods lists-keys ternary-operator usestate-hook
Last synced: 21 Aug 2025
https://github.com/marleydip/mern-ecommerce
This e-commerce project utilizes the MERN stack. React.JS is used for front-end development. In this project, I integrate Firebase for reliable user authentication and access management to support logins via Google, GitHub, and traditional email and password methods.
Last synced: 26 Jan 2026
https://github.com/marleydip/backend-development
Backend Development With simple Project (Express js , Node js, MongoDB)
json-body middleware modules mongodb mongoose nodemon params query routing routing-protocols
Last synced: 10 Jun 2025
https://github.com/marleydip/node-js-practice
Its now practice server-side-programming for comptetive programming...
crypto dynamic-routes error-handling event-emitters form-submission fs http middleware module nodemon npm-module os path piping-streams postman query-parameters streams url url-encoded
Last synced: 10 Jun 2025
https://github.com/marleydip/express-js-basic
Covering installation, routing, middleware, error handling, and RESTful APIs, the course emphasizes practical applications like user authentication using sessions and JWT. Explore project structure, error management, and best practices for building scalable applications.
athentication cookies-parser error-handling form-data http-methods jwt-token middleware modules mongodb-database mongoose multer-fileupload multer-storage params query-string restful-api route-parameters sessions templating-engine urls
Last synced: 10 Jun 2025
https://github.com/marleydip/advanced-javascript
Assignment Problem Practise => Conditional & Looping Statement, Objects & Object Methods, Arrays & Array Method, Function (CallBack, Arrow, SetInterval, setTimeout, clearInterval, Filter, forEach, map, reduce), DOM, querySeletor, Events
array-manipulations array-methods arrow-functions callback-functions data-structures-and-algorithms dom events filter for-if-nested for-in for-of foreach function if-elseif-else map-flatmap nested-for-loops object-methods reduce switch-case
Last synced: 10 Jun 2025
https://github.com/marleydip/deep-online-store
Full Stack E-Commerce Responsive MERN App With Auth, Search, Filter, Upload...
express-middleware express-session express-validator mongdb nodejs-server react-hooks react-redux react-router-dom
Last synced: 10 Jun 2025
https://github.com/marleydip/medical-clinic-landing-page-using-tailwind-css-and-js-dom
This project highlights the page layout, animations, smooth scrolling, and modern UI elements. It walks through each section - Hero, Services, Testimonials, Appointment, FAQ, Blog, Team, Departments, Newsletter, and contact - demonstrating clean design and user-friendly structure.
absolute fixed flex form header label left-right-top-bottom navbar relative z-index
Last synced: 09 Sep 2025
https://github.com/marleydip/vue-ninja-jobs
Vue JS 3 - The Vue Router
router-links router-parameters vue-cli-4 vue-router
Last synced: 26 Jan 2026
https://github.com/marleydip/react-modern-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.
arrow-functions clerk-authentication functional-components javascript-array-methods prebuilt-ui props-children react-router-dom swiper-slider
Last synced: 05 Sep 2025
https://github.com/marleydip/weather-app
Waether App Bulid - Vue 3 & Tailwindcss
Last synced: 27 Feb 2026
https://github.com/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.
absolute block fixed flex grid inline-block localstorage relative static
Last synced: 06 Feb 2026
https://github.com/marleydip/userenquiry---mern-stack
Building a User Enquiry Form in React & CRUD Operations in User Module
axios cors crud-operation dotenv express flowbite-react mongoose react-dom react-hooks reactjs tailwindcss vite
Last synced: 15 Apr 2026
https://github.com/marleydip/vue-animation
Vue 3 Animation Effect
keyframes-animation scale transform transition translate
Last synced: 27 Feb 2026
https://github.com/marleydip/basic-html--css----js-for-mern
Frontend Development - HTML, CSS, JavaScript
align-items arithmetic-operators assignment-operators background-image border box-shadow comparison-operators conditional-operators flex flex-direction flex-wrap form gap js-data-type js-variables justify-content logical-operators margin padding table
Last synced: 12 Feb 2026
https://github.com/marleydip/real-estate-landing-page-using-tailwind-css-and-js-dom
Last synced: 24 Jul 2025
https://github.com/marleydip/programming-hero_assignment-01_devconf-2026-landing-page_html-css_milestone-01_module-06
A responsive landing page for a fictional tech conference "DevConf 2026" - built with pure HTML & CSS as part of Programming Hero's AI-Driven Full Stack Web Engineering course (Module 06, Milestone 01).
beginner-project conference-website css-flexbox css-grid css-grid-layout css-variables css3 frontend html5 landing-page no-framework programming-hero-assignment-01 responsive-design ui-design web-design-and-development
Last synced: 13 Jul 2026
https://github.com/marleydip/react-table-with-editable-cells-tailwind-css
A lightweight React table with inline cell editing, search, filtering, add/delete rows, and undo functionality - built entirely without external table libraries.
conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys props-and-state-components ternary-operator usestate-hook
Last synced: 21 Aug 2025
https://github.com/marleydip/programming-hero_html-css-portfolio-milestone-01-module-05
To design portfolio wesite followed by ui/ux template. Here practice core html and css topics.
Last synced: 13 Jul 2026