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 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 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.
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.