full-stack-course
# Full Stack Course | Build 4 Projects & Get Hired 🔥 Ready to become a **full stack developer** and build an **absolutely supreme web portfolio** that’ll get you hired? In this course, we take you from **HTML, CSS & JavaScript basics** all the way to **Next.js, Firebase, and Stripe**, making sure you brush up on **all the essential full stack skills** along the way. You’ll build four stunning projects, each more advanced than the last, with every project fully **styled using FantaCSS** for a sleek, modern design. By the end, you’ll have **a live, professional portfolio** showcasing your skills—everything you need to start applying for full stack developer jobs with confidence. ## 🔥 What You'll Build 1️⃣ **Web Portfolio** (HTML, CSS & JavaScript) – A polished personal website to showcase your work and projects. 2️⃣ **React.js Workout Planner** (React.js, FantaCSS) – An interactive app for planning workouts and tracking progress. 3️⃣ **Full Stack E-Commerce Store** (Next.js, Stripe, FantaCSS) – A fully functional online store with secure payments. 4️⃣ **Full Stack Subscription Tracker** (Next.js, Firebase, FantaCSS) – A real-time subscription tracking and analytics app with authentication and database storage. Each project is **deployed live on the internet**, so by the end of the course, you’ll have a **strong, job-ready portfolio** to impress employers! ## ⭐ The Course Includes ✅ **15+ hours of on-demand video** ✅ **Hands-on, project-based learning** ✅ **All projects built & deployed step-by-step** ✅ **Crisp, modern styling with FantaCSS** ✅ **Companion Notes & Resources** ✅ **Access on mobile and TV** ## 🎯 Who Is This Course For? - Anyone who wants to become a **full stack developer**. - Frontend developers looking to master **backend technologies** like Next.js, Firebase & Stripe. - Self-taught programmers who need **real-world, portfolio-ready projects**. - Anyone struggling to land a **developer job** and needing **a brilliant web portfolio**. If you feel you need to brush up on your skills before undertaking this course, see the free resources [here](https://www.smoljames.com/roadmap)! ## 📌 Course Breakdown ### **Project 1: Your Web Portfolio (HTML, CSS & JavaScript)** We start with the **foundation**—a professional, mobile-friendly web portfolio to showcase your work. You’ll build and deploy it, ensuring **you have a personal site** employers can check out. - Responsive layout using **FantaCSS** - A fun and interactive JavaScript-powered game - Deployed live on the internet ### **Project 2: Workout Planner (React.js & FantaCSS)** Now, we jump into **React.js** and build a **Workout Planner** that lets users follow a prescribed workout and track their progress. This will level up your skills in **React components, state management, and hooks**. - Full CRUD functionality (Create, Read, Update, Delete) - Smooth UI with **FantaCSS** - Hosted & deployed online ### **Project 3: E-Commerce Store (Next.js, Stripe & FantaCSS)** This is where things get serious. You’ll build a **fully functional full stack online store**, complete with product listings, shopping cart, and **secure Stripe payments**. - **Next.js** for lightning-fast performance - **Stripe.js** for payments & checkout - Deployed on **AWS Amplify** for a live demo ### **Project 4: Subscription Tracker (Next.js, Firebase & FantaCSS)** Finally, our last full stack project with **Firebase authentication & Firestore database**. This **real-time subscription tracker** will teach you how to handle **secure logins, data storage, and dynamic updates**. - **Next.js App Router** for seamless navigation - **Firebase Authentication** for user logins - **Firestore Database** for real-time data updates ### **Final Step: Polish & Deploy Your Portfolio** By the end of this course, you won’t just have 3 supreme projects — you’ll have a **polished, live web portfolio** that showcases your full stack skills **and gets you hired**. ## 🚀 Why Learn From Me? Hey, I’m **James**, and I’ve helped **500,000+ people** learn to code. I know what it’s like to struggle to **break into full stack development**, and that’s why I’ve designed this course to be **practical, project-based, and focused on job-readiness**. I’ll help you: ✅ Master **HTML, CSS, JavaScript, React.js, Next.js, Firebase & Stripe**. ✅ Build **real-world projects** that impress employers. ✅ Deploy your projects & portfolio **so you can start applying for jobs**. ## 🎓 Links and Resources * **Learn to Code 🔥** - https://www.smoljames.com/roadmap * **Get hired faster ✅** - https://www.hyr.sh * **Get Started Coding** - https://www.smoljames.com/roadmap * **VSCode Shortcuts** - https://www.vscodeshortcuts.smoljames.com * **FantaCSS** - https://www.fantacss.smoljames.com * **GitHub Repo** - https://github.com/jamezmca/full-stack-course * **Vite/ReactJS Init** - https://v3.vitejs.dev/guide/ * **NextJS Init** - https://nextjs.org/docs/app/getting-started/installation * **Firebase** - https://firebase.google.com/ * **Stripe** - Stripe - https://dashboard.stripe.com/dashboard * **FontAwesome CDN** - https://cdnjs.com/libraries/font-awesome * **FontAwesome Icons** - https://www.fontawesome.com * **Netlify** - https://www.netlify.com * **AWS Amplify** - https://aws.amazon.com/amplify/ ## 🎓 Ready for a great adventure? Let’s build some epic projects, launch your **personal brand**, and **get you hired** as a full stack developer. 🔗 https://www.smoljames.com <!-- replace with course link --> [](https://youtu.be/lkjrUW8fI40)