---
title: "Web Development Projects with Source Code - GreatStack"
url: "https://greatstack.dev"
type: "website"
description: "Project based learning platform for web developers. Find Full Stack Project, Courses, Tutorial for Next JS, MERN Stack, React JS and HTML-CSS."
---
# Web Development Projects

Discover a variety of web development full stack projects with source code that are ideal for final year students and job seekers.

## All Projects

| # | Project | Category | Links |
|---|---------|----------|-------|
| 1 | **Build Full Stack Employee Management system in React JS** | fullstack | [Details](https://greatstack.dev/p/ems) · [YouTube](https://youtu.be/dlu8PmKXopU) · [Live](https://ems-gs.vercel.app) |
| 2 | **Build an AI Full Stack Blog App using React js** | fullstack | [Details](https://greatstack.dev/p/ai-blog) · [YouTube](https://youtu.be/XyNpGRaq7s0) · [Live](https://blogify-gs.vercel.app) |
| 3 | **Master OpenClaw Under 60 Minutes with Real SAAS Apps** | fullstack | [Details](https://greatstack.dev/p/OpenClaw) · [YouTube](https://youtu.be/T0BCKJx4BHQ) · [Live](https://www.makemyimg.com) |
| 4 | **React Native  E-Commerce App with Expo** | fullstack | [Details](https://greatstack.dev/p/ecomm) · [YouTube](https://youtu.be/dqasjfpPJj8) |
| 5 | **Full Stack AI Fitness Tracker App using React js** | fullstack | [Details](https://greatstack.dev/p/fittrack) · [YouTube](https://youtu.be/S9bCbCRyzCo) · [Live](https://fitness-gs.vercel.app/) |
| 6 | **Full Stack AI Short Video Ads Generator using React js** | fullstack | [Details](https://greatstack.dev/p/ugc) · [YouTube](https://youtu.be/LY5KYXmKfoU) · [Live](https://makeugcad.com/) |
| 7 | **Full Stack AI Thumbnail Generator app using React js** | fullstack | [Details](https://greatstack.dev/p/thumblify) · [YouTube](https://youtu.be/LpHfmr1CKEI) · [Live](https://thumbnailgo.com) |
| 8 | **Full Stack AI Website Builder using React JS** | fullstack | [Details](https://greatstack.dev/p/sitebuilder) · [YouTube](https://youtu.be/kfcnYB0sQbM) · [Live](https://aisitebuilder.dev) |
| 9 | **Full Stack Social Media Marketplace using PERN Stack** | fullstack | [Details](https://greatstack.dev/p/flipearn) · [YouTube](https://youtu.be/okGhie_1wPo) · [Live](https://flipearn.vercel.app) |
| 10 | **Full Stack Project Management app using PERN Stack** | fullstack | [Details](https://greatstack.dev/p/project-mgt) · [YouTube](https://youtu.be/50NN3d-Ne1U) · [Live](https://project-management-gs.vercel.app/) |
| 11 | **Full Stack AI Resume Builder app using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/resume) · [YouTube](https://youtu.be/RwSAODlohSY) · [Live](https://jioresume.com/) |
| 12 | **Full Stack AI Multi-Vendor E-Commerce app using Next js** | fullstack | [Details](https://greatstack.dev/p/gocart) · [YouTube](https://youtu.be/aYu4xkBdkNA) · [Live](https://gocartshop.in/) |
| 13 | **Full Stack AI Chatbot using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/quickgpt) · [YouTube](https://youtu.be/YEPH-DWnDPE) · [Live](https://quick-gpt.vercel.app/) |
| 14 | **Agency Website using React js and Tailwind CSS** | react | [Details](https://greatstack.dev/p/agency) · [YouTube](https://youtu.be/sbMHR9K60NY) · [Live](https://agency4ai.in) |
| 15 | **Full Stack Social Media App using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/pingup) · [YouTube](https://youtu.be/7oKFzriZt0A) · [Live](https://pingup-gs.vercel.app) |
| 16 | **Full Stack AI SAAS App using PERN Stack** | fullstack | [Details](https://greatstack.dev/p/quickai) · [YouTube](https://youtu.be/RkYIWg5XAnI) · [Live](https://quickai-gs.vercel.app) |
| 17 | **Full Stack Car Rental App using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/car-rental) · [YouTube](https://youtu.be/tBObk72EYYw) · [Live](https://car-rental-gs.vercel.app) |
| 18 | **Full Stack Movie Ticket Booking App using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/quickshow) · [YouTube](https://youtu.be/Pez37wmUaQM) · [Live](https://quickshow.vercel.app) |
| 19 | **Full Stack AI Powered Blog App using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/quickblog) · [YouTube](https://youtu.be/yl9pwazDHUw) · [Live](https://quickblog-gs.vercel.app) |
| 20 | **Full Stack Chat App using MERN Stack with Socket.io** | fullstack | [Details](https://greatstack.dev/p/full-stack-chat-app) · [YouTube](https://youtu.be/tTCam8KGVRE) · [Live](https://quickchat.greatstack.in) |
| 21 | **Complete Hotel Booking Website Using React JS** | react | [Details](https://greatstack.dev/p/hotel-booking-react-app) · [YouTube](https://youtu.be/QSjHs5Qd-GQ) |
| 22 | **Full Stack Grocery Delivery App Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/grocery-delivery-react-app) · [YouTube](https://youtu.be/PaQX0pktLnw) |
| 23 | **Full Stack DeepSeek Clone Using Next JS** | fullstack | [Details](https://greatstack.dev/p/next-js-deepseek-clone) · [YouTube](https://youtu.be/uJPa_18Zf1I) |
| 24 | **Full Stack LMS App Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/lms-app-full-stack) · [YouTube](https://www.youtube.com/watch?v=p2zWawmDkF4) |
| 25 | **Full Stack E-Commerce App using Next.js** | fullstack | [Details](https://greatstack.dev/p/e-commerce-next-js) · [YouTube](https://www.youtube.com/watch?v=nxK_TCt2pKw) · [Live](https://quickcart.greatstack.in) |
| 26 | **Complete LMS Website Using React Js** | react | [Details](https://greatstack.dev/p/lms-app-react-js) · [YouTube](https://www.youtube.com/watch?v=p2zWawmDkF4) |
| 27 | **Build Next.js Responsive Portfolio Website** | react | [Details](https://greatstack.dev/p/next-js-portfolio-website) · [YouTube](https://www.youtube.com/watch?v=Y2kGqbzvAn4) |
| 28 | **Build Full Stack Job Portal App Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/job-portal-react-js) · [YouTube](https://youtu.be/VIIaMCBeQF0?si=pfItE-3Zxqah1ktI) · [Live](https://job-portal-gs-client.vercel.app) |
| 29 | **Full Stack Text to Image Generator AI SaaS App Using React JS** | fullstack | [Details](https://greatstack.dev/p/image-generator-ai-saas-app) · [YouTube](https://youtu.be/DSGFZb8KiO8?si=M4_CqtBsxSQl6kJ8) |
| 30 | **Real Estate Website Using React and Tailwind CSS** | react | [Details](https://greatstack.dev/p/real-estate-react-js) · [YouTube](https://youtu.be/AdcUinE5iYo?si=4fGnbZnV6Uos0TPB) |
| 31 | **BG Removal AI SaaS App Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/bg-removal-full-stack) · [YouTube](https://youtu.be/tCxj8PwBYjc?si=MAB1NBf6IekiOzul) |
| 32 | **Doctor Appointment Booking App Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/prescripto-full-stack) · [YouTube](https://youtu.be/eRTTlS0zaW8?si=lFyPU_k7f8ia2xsd) |
| 33 | **Full Stack E-Commerce Website Using MERN Stack** | fullstack | [Details](https://greatstack.dev/p/forever-full-stack) · [YouTube](https://youtu.be/7E6um7NGmeE?si=IB50hMhS2gkLGAGT) |
| 34 | **Build Doctor Appointment Booking App Using React JS** | react | [Details](https://greatstack.dev/p/prescripto-react) · [YouTube](https://youtu.be/C3U1RforbH4) |
| 35 | **Complete Ecommerce Website Using React JS** | react | [Details](https://greatstack.dev/p/forever-react) · [YouTube](https://youtu.be/ZF73dpgRrWI) |
| 36 | **Create Realtime Chat App Using React JS & Firebase** | fullstack | [Details](https://greatstack.dev/p/chat-app) · [YouTube](https://youtu.be/gbocZlm71nE?si=BaUd1EkAiF2Uxw-F) |
| 37 | **Create Responsive Portfolio Website Using HTML & CSS** | html | [Details](https://greatstack.dev/p/portfolio-tailwind-css) · [YouTube](https://youtu.be/zJOj4ZC_Yrw?si=4V7DYB0A7rDVXjNC) |
| 38 | **Build Complete Portfolio Website In React JS** | react | [Details](https://greatstack.dev/p/portfolio-site-in-react-js) · [YouTube](https://youtu.be/hkHHwA-vEyQ?si=fw3w4DyDymSKGIJC) |
| 39 | **Build Complete College or University Site in React JS** | react | [Details](https://greatstack.dev/p/college-website-in-react-js) · [YouTube](https://youtu.be/WbV3zRgpw_E?si=47TmkuELqYcOQzf0) |
| 40 | **Build Google Gemini 2.0 Using React JS** | react | [Details](https://greatstack.dev/p/google-gemini-in-react) · [YouTube](https://youtu.be/0yboGn8errU?si=soRZa0DqVeoSDqFq) |
| 41 | **Create To-Do List App Using JavaScript** | javascript | [Details](https://greatstack.dev/p/to-do-app-javascript) · [YouTube](https://youtu.be/G0jO8kUrg-I?si=Qz6B3TSvUtWd0MPN ) |
| 42 | **Make A Website Like Facebook Using HTML And CSS** | html | [Details](https://greatstack.dev/p/facebook-clone-in-html-css) · [YouTube](https://youtu.be/NljIHlZRTTE?si=5u2tPq_-Lg-qhB3r) |
| 43 | **Create Responsive Website Using HTML & CSS** | html | [Details](https://greatstack.dev/p/multi-page-full-website) · [YouTube](https://youtu.be/oYRda7UtuhA?si=2h3mKarufNnBuxZX) |
| 44 | **Build YouTube Clone Using React JS** | react | [Details](https://greatstack.dev/p/youtube-clone-react-js) · [YouTube](https://youtu.be/Zb1zVeXLUf8?si=QoylRMpvoZ92fyz2) |
| 45 | **Complete E-Commerce Website Using React JS** | react | [Details](https://greatstack.dev/p/e-commerce-react-app) · [YouTube](https://youtu.be/jbfuzcrfjqQ?si=mNpxuRMycYVnhZS1) |
| 46 | **Full Stack E-Commerce App Using MERN** | fullstack | [Details](https://greatstack.dev/p/E-commerce-mern-app) · [YouTube](https://youtu.be/y99YgaQjgx4?si=PAMdU5DQx5PZvDJ0) |
| 47 | **Image Search Engine Using HTML CSS & JavaScript** | javascript | [Details](https://greatstack.dev/p/image-search-engine-js) · [YouTube](https://youtu.be/E4znbZgUWzA?si=xepXR1Uj-ZgPcVTI) |
| 48 | **Text To Voice Converter Using JavaScript** | javascript | [Details](https://greatstack.dev/p/text-to-voice-js) · [YouTube](https://youtu.be/3oDNqHZ7UKY?si=k6Gnf7KB4dwQGApJ) |
| 49 | **Build Portfolio Website Using HTML CSS & JS** | html | [Details](https://greatstack.dev/p/portfolio-site-html-css) · [YouTube](https://youtu.be/0YFrGy_mzjY) |
| 50 | **Full Stack Blog App Using Next JS & MongoDB** | fullstack | [Details](https://greatstack.dev/p/next-js-blog-app) · [YouTube](https://youtu.be/HdWCh_4XE1Q) |
| 51 | **Crypto Price Tracking Website Using React** | react | [Details](https://greatstack.dev/p/cryptoplace-react) · [YouTube](https://youtu.be/jZFaMEqEqEQ?si=3TUNwyCsrTMEzD8n) |
| 52 | **Weather App Using React JS** | react | [Details](https://greatstack.dev/p/weather-app-react) · [YouTube](https://youtu.be/zs1Nq2s_uy4?si=d6FzO4ElcGLOxoAf) |
| 53 | **Netflix Clone Using React JS & Firebase** | fullstack, react | [Details](https://greatstack.dev/p/netflix-clone-react) · [YouTube](https://youtu.be/YQQD67N5pi0?si=X7EiP2WHHI9ufO7t) |
| 54 | **Spotify Clone Using React** | react | [Details](https://greatstack.dev/p/spotify-clone-react) · [YouTube](https://youtu.be/amFYvQK4huo?si=lMuaDGMYXWaSavWw) |
| 55 | **Food Delivery App Using MERN** | fullstack | [Details](https://greatstack.dev/p/food-del-mern) · [YouTube](https://youtu.be/DBMPXJJfQEA?si=azE6ZAM67Py_FUyu) |
| 56 | **Amazon Clone Using HTML & CSS** | html | [Details](https://greatstack.dev/p/amazon-clone-html) · [YouTube](https://youtu.be/NC0IRIJhFpI?si=vcUp-q9xeSMYyfl6) |
| 57 | **Make Portfolio Website Using React JS** | react | [Details](https://greatstack.dev/p/portfolio-smith-react-js) · [YouTube](https://www.youtube.com/watch?v=4ag1LsgIUc0) |
| 58 | **Complete Food Delivery App Using React JS** | react | [Details](https://greatstack.dev/p/food-delivery) · [YouTube](https://youtu.be/9jRTo7ILxQc?si=CCoKs5-5mrYs8t2o) |
| 59 | **How To Build Weather App Using JavaScript** | javascript | [Details](https://greatstack.dev/p/weather-app-javascript) · [YouTube](https://youtu.be/MIYQR-Ybrn4?si=iSqdrqMQaqibKMTa) |
| 60 | **Full Stack Spotify Clone Using MERN** | fullstack | [Details](https://greatstack.dev/p/spotify-full-stack) · [YouTube](https://youtu.be/KdGfhSpT6pc?si=42uPvUvC5i81zynv) |
| 61 | **Create E-Commerce Website Using HTML And CSS** | html | [Details](https://greatstack.dev/p/e-commerce-html-css) · [YouTube](https://youtu.be/yQimoqo0-7g?si=vwX3I3u1Factog6N) |
| 62 | **Build A Calculator Using HTML CSS & JavaScript** | javascript | [Details](https://greatstack.dev/p/calculator-using-javascript) · [YouTube](https://youtu.be/cGgLHJGyS34?si=ulRiA1FVml87YPJR) |
| 63 | **Complete Responsive Website Using HTML & CSS** | html | [Details](https://greatstack.dev/p/barber-website-html-css) · [YouTube](https://youtu.be/lBfshkPlMW8?si=lswaAycOvL8yBXKa) |
| 64 | **Build Digital Clock Using HTML CSS & JavaScript** | javascript | [Details](https://greatstack.dev/p/javascript-digital-clock) · [YouTube](https://youtu.be/5tC46h022YE?si=rUuaGFfdvlkZmAq3) |
| 65 | **Build Quiz App Using HTML, CSS and JavaScript** | javascript | [Details](https://greatstack.dev/p/quiz-app-in-javascript) · [YouTube](https://youtu.be/PBcqGxrr9g8?si=YGKOG6vyVF1yFkzS) |
| 66 | **Build Sign In & Sign Up Form Using React JS** | javascript, react | [Details](https://greatstack.dev/p/login-registration-page-in-react) · [YouTube](https://youtu.be/8QgQKRcAUvM?si=bArsFvLKAQBrZBAk) |
| 67 | **Create Animated Website Design Using HTML & CSS** | html | [Details](https://greatstack.dev/p/animated-web-page-html-css) · [YouTube](https://youtu.be/yU_JgeAIRko?si=EtEidWqOiPLoMKLh) |

---

_67 projects available on [GreatStack](https://greatstack.dev)._