Full Stack Projects with Source Code
MERN, PERN & React projects with free YouTube tutorials and complete downloadable source code. Built with MongoDB, PostgreSQL, Express, React & Node.js.
Full Stack AI Invoicing & Billing App with PERN Stack
Build a full-stack AI Invoicing & Billing application with the PERN stack. Create, send and track invoices, auto-fill line items with Google Gemini AI, generate payment reminders, and manage clients — with JWT auth, PostgreSQL, Express, and a clean React + Tailwind dashboard. Full source code included.
Full Stack AI CRM Dashboard App with MERN Stack
Build a full-stack AI CRM Dashboard with the MERN stack. Manage leads, contacts and deals with a visual pipeline, AI insights via Google Gemini, revenue and conversion analytics, JWT auth, MongoDB, Express & React + Tailwind. Full source code included.
Full Stack Expense Tracker App with MERN Stack
Build a full-stack Expense Tracker application using MongoDB, Express, React, and Node.js. Features JWT authentication, a financial dashboard with bar, pie, and line charts, income and expense management with category tracking, Excel export reports, and a fully responsive sidebar UI — a complete personal finance app built from scratch.
Full Stack Task Manager App with MERN Stack
Build a full-stack Task Manager application using MongoDB, Express, React, and Node.js. Features role-based dashboards for admins and users, task creation with priorities and due dates, automated status updates via checklist, team task assignment, pie and bar chart analytics, report downloads, and a fully responsive sidebar UI — a production-quality project management tool built from scratch.
Full Stack Resume Builder App with MERN Stack
Build a full-stack Resume Builder application using MongoDB, Express, React, and Node.js. Features JWT authentication, a live resume editor with instant preview, three switchable resume templates, a color palette selector, PDF download, profile image upload, and a multi-resume dashboard — a polished, real-world SaaS-style app built entirely from scratch.
Full Stack AI-Powered Interview Prep App with MERN Stack
Build a full-stack AI-powered Interview Preparation application using MongoDB, Express, React, and Node.js. Integrates Google Gemini API to automatically generate role-based technical interview questions and on-demand concept explanations. Features JWT authentication, pinnable Q&A cards, accordion learning UI, session management, and a clean responsive dashboard — a standout AI-integrated MERN project for your portfolio.
Responsive Developer Portfolio with React, Tailwind CSS & Framer Motion
Build a stunning, fully responsive developer portfolio website using React.js, Tailwind CSS, and Framer Motion. Features a seamless dark/light mode toggle with React Context, animated skill bars, interactive project cards, a developer journey timeline, a contact form with a success modal, and smooth scroll animations throughout — the perfect portfolio to land your next developer job or freelance client.
Full Stack AI-Powered Learning Assistant App with MERN Stack
Build a full-stack AI-powered Learning Assistant application using MongoDB, Express, React, and Node.js. Upload PDF study documents and use Google Gemini AI to chat with your documents, generate summaries, explain concepts, auto-create flashcard sets with flip animation, and generate custom multiple-choice quizzes with results and analytics. Features a progress tracking dashboard, favorites system, embedded PDF viewer, and five MongoDB schemas — the most feature-complete AI project in the series at over 6 hours.
Full Stack AI Resume Checker App with MERN Stack
Build a full-stack AI Resume Checker with the MERN stack. Score resumes against job descriptions with an ATS score, get AI rewrites and keyword matching via Google Gemini, keep version history, with JWT auth, MongoDB, Express & React + Tailwind. Full source code included.
Full Stack AI Habit Tracker App with MERN Stack
Build a full-stack AI Habit Tracker with the MERN stack. Build habits with streaks, reminders and an AI coach powered by Google Gemini, plus daily and weekly progress views — with JWT auth, MongoDB, Express & React + Tailwind. Full source code included.
Full Stack Notes App with MERN Stack
Build a full-stack Notes application from scratch using MongoDB, Express, React, and Node.js. Includes JWT authentication, note creation, editing, pinning, and a live search feature — perfect for developers learning the MERN stack end-to-end.
Full Stack Travel Story App with MERN Stack
Build a full-stack Travel Story application using MongoDB, Express, React, and Node.js. Features JWT authentication, image uploads with Multer, story creation and editing, date range filtering, search, and a pin-to-top favourite system — a great intermediate MERN project with real-world file handling.
Full Stack Polling App with MERN Stack
Build a production-ready Polling application from scratch using MongoDB, Express, React, and Node.js. Includes JWT authentication, multiple poll types (single-choice, yes/no, rating, image-based), voting with live results, bookmarks, and admin controls to close or delete polls.
Full Stack MERN Blog App with Markdown & AI Post Generator
Build a full-stack Blog application using MongoDB, Express, React, and Node.js. Features AI-powered blog post generation and comment replies via Gemini API, full markdown support with live syntax highlighting, slug-based URLs, tag filtering, real-time search, a post view counter, like/clap button, draft and publish toggle, admin dashboard with analytics, and a comments section — the most feature-complete project in the series.
Full Stack Job Portal App with MERN Stack
Build a full-stack Job Portal application using MongoDB, Express, React, and Node.js. Features dual role-based dashboards for Employers and Job Seekers, JWT authentication, job posting with full CRUD, resume upload and download, job applications with status tracking, saved jobs bookmarking, company profiles, job search with category and location filters, and dashboard analytics — the most ambitious MERN project in the series at over 7 hours.
Full Stack AI-Powered Invoice Generator with MERN Stack
Build a full-stack AI-powered Invoice Generator application using MongoDB, Express, React, and Node.js. Features Gemini AI to generate invoices instantly from plain text client emails, auto-draft professional payment reminder emails, and deliver smart financial insights on the dashboard. Includes JWT authentication, full invoice CRUD with status filtering, PDF print and download, and business profile auto-fill — a production-quality freelancer tool built from scratch.
Full Stack AI-Powered eBook Creator App with MERN Stack
Build a full-stack AI-powered eBook Creator application using MongoDB, Express, React, and Node.js. Uses Google Gemini AI to generate complete ebook outlines and full chapter content from a title alone. Features a markdown editor with real-time preview, drag-and-drop chapter reordering, custom cover image upload, and PDF and DOCX export — a genuinely useful content creation tool built entirely from scratch with the MERN stack.
Full Stack AI Invoicing & Billing App with PERN Stack
Build a full-stack AI Invoicing & Billing application with the PERN stack. Create, send and track invoices, auto-fill line items with Google Gemini AI, generate payment reminders, and manage clients — with JWT auth, PostgreSQL, Express, and a clean React + Tailwind dashboard. Full source code included.
Full Stack AI Form Builder App with PERN Stack
Build a full-stack AI Form Builder with the PERN stack — a drag-and-drop form designer with AI-generated fields (Google Gemini), shareable public forms, response collection, and analytics. React, Node.js, Express, PostgreSQL & Tailwind. Complete source code included.
Full Stack AI Kanban Board App with PERN Stack & Real-Time Collaboration
Build a full-stack AI Kanban Board with the PERN stack and real-time team collaboration. Drag-and-drop boards, AI task suggestions with Google Gemini, live updates via Socket.io, JWT auth, PostgreSQL & React + Tailwind. Full source code included.
Full Stack AI Expense Tracker App with PERN Stack
Build a full-stack AI Expense Tracker with the PERN stack. Track income and expenses, auto-categorise transactions with Google Gemini AI, set budgets, and visualise spending — with JWT auth, PostgreSQL, Express & React + Tailwind. Full source code included.
Full Stack AI Recipe Generator App with PERN Stack
Build a full-stack AI-powered Recipe Generator using PostgreSQL, Express, React, and Node.js. Uses Google Gemini 2.5 Flash to generate recipes from your pantry ingredients with dietary and cuisine filters. Features pantry management with expiry alerts and low-stock badges, a weekly meal planner, a shopping list with one-click pantry add, a saved recipe collection, and user preference settings — a complete food planning SaaS built on a normalised PostgreSQL schema hosted on Neon.
Responsive Portfolio Website with React JS & Tailwind CSS
Build a clean, modern, and fully responsive developer portfolio website using React.js and Tailwind CSS. Includes an animated skill cards section with Framer Motion, a custom tabs component, project showcase, contact form, and a professional hero section — ready to deploy and use as your own portfolio.
Responsive Developer Portfolio with React, Tailwind CSS & Framer Motion
Build a stunning, fully responsive developer portfolio website using React.js, Tailwind CSS, and Framer Motion. Features a seamless dark/light mode toggle with React Context, animated skill bars, interactive project cards, a developer journey timeline, a contact form with a success modal, and smooth scroll animations throughout — the perfect portfolio to land your next developer job or freelance client.
React Portfolio Website with Glassmorphism & Scroll Animations
Build a stunning modern developer portfolio using React and Tailwind CSS with glassmorphism effects, animated gradient borders, custom scroll reveal hooks, a bento-style services grid, an interactive project carousel with category filters, a testimonials carousel with grayscale-to-color photo effects, and smooth fade-in animations throughout — the most visually polished frontend project in the series.