{"id":25228942,"url":"https://github.com/jamezmca/full-stack-course","last_synced_at":"2026-04-11T09:46:43.836Z","repository":{"id":276905348,"uuid":"930691606","full_name":"jamezmca/full-stack-course","owner":"jamezmca","description":"Build 4 Full Stack Projects \u0026 Get Hired 🔥","archived":false,"fork":false,"pushed_at":"2025-02-11T03:53:42.000Z","size":0,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T04:27:50.998Z","etag":null,"topics":["authentication","css","database","ecommerce","fantacss","firebase","fullstack","fullstack-projects","html","javascript","nexjts","projects","reactjs","stripe"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jamezmca.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-11T03:39:53.000Z","updated_at":"2025-02-11T03:53:45.000Z","dependencies_parsed_at":"2025-02-11T04:37:54.983Z","dependency_job_id":null,"html_url":"https://github.com/jamezmca/full-stack-course","commit_stats":null,"previous_names":["jamezmca/full-stack-course"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamezmca%2Ffull-stack-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamezmca%2Ffull-stack-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamezmca%2Ffull-stack-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamezmca%2Ffull-stack-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jamezmca","download_url":"https://codeload.github.com/jamezmca/full-stack-course/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247345847,"owners_count":20924102,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","css","database","ecommerce","fantacss","firebase","fullstack","fullstack-projects","html","javascript","nexjts","projects","reactjs","stripe"],"created_at":"2025-02-11T10:46:27.828Z","updated_at":"2026-04-11T09:46:38.799Z","avatar_url":"https://github.com/jamezmca.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Stack Course | Build 4 Projects \u0026 Get Hired 🔥  \n\nReady 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 \u0026 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.  \n\nBy 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.  \n\n## 🔥 What You'll Build  \n\n1️⃣ **Web Portfolio** (HTML, CSS \u0026 JavaScript) – A polished personal website to showcase your work and projects.  \n2️⃣ **React.js Workout Planner** (React.js, FantaCSS) – An interactive app for planning workouts and tracking progress.  \n3️⃣ **Full Stack E-Commerce Store** (Next.js, Stripe, FantaCSS) – A fully functional online store with secure payments.  \n4️⃣ **Full Stack Subscription Tracker** (Next.js, Firebase, FantaCSS) – A real-time subscription tracking and analytics app with authentication and database storage.  \n\nEach 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!  \n\n## ⭐ The Course Includes  \n\n✅ **15+ hours of on-demand video**  \n✅ **Hands-on, project-based learning**  \n✅ **All projects built \u0026 deployed step-by-step**  \n✅ **Crisp, modern styling with FantaCSS**  \n✅ **Companion Notes \u0026 Resources**  \n✅ **Access on mobile and TV**  \n\n## 🎯 Who Is This Course For?  \n\n- Anyone who wants to become a **full stack developer**.  \n- Frontend developers looking to master **backend technologies** like Next.js, Firebase \u0026 Stripe.  \n- Self-taught programmers who need **real-world, portfolio-ready projects**.  \n- Anyone struggling to land a **developer job** and needing **a brilliant web portfolio**.  \n\nIf you feel you need to brush up on your skills before undertaking this course, see the free resources [here](https://www.smoljames.com/roadmap)!\n\n## 📌 Course Breakdown  \n\n### **Project 1: Your Web Portfolio (HTML, CSS \u0026 JavaScript)**  \nWe 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.  \n\n- Responsive layout using **FantaCSS**  \n- A fun and interactive JavaScript-powered game  \n- Deployed live on the internet  \n\n### **Project 2: Workout Planner (React.js \u0026 FantaCSS)**  \nNow, 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**.  \n\n- Full CRUD functionality (Create, Read, Update, Delete)  \n- Smooth UI with **FantaCSS**  \n- Hosted \u0026 deployed online  \n\n### **Project 3: E-Commerce Store (Next.js, Stripe \u0026 FantaCSS)**  \nThis 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**.  \n\n- **Next.js** for lightning-fast performance  \n- **Stripe.js** for payments \u0026 checkout  \n- Deployed on **AWS Amplify** for a live demo  \n\n### **Project 4: Subscription Tracker (Next.js, Firebase \u0026 FantaCSS)**  \nFinally, our last full stack project with **Firebase authentication \u0026 Firestore database**. This **real-time subscription tracker** will teach you how to handle **secure logins, data storage, and dynamic updates**.  \n\n- **Next.js App Router** for seamless navigation  \n- **Firebase Authentication** for user logins  \n- **Firestore Database** for real-time data updates  \n\n### **Final Step: Polish \u0026 Deploy Your Portfolio**  \nBy 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**.  \n\n## 🚀 Why Learn From Me?  \n\nHey, 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**.  \n\nI’ll help you:  \n✅ Master **HTML, CSS, JavaScript, React.js, Next.js, Firebase \u0026 Stripe**.  \n✅ Build **real-world projects** that impress employers.  \n✅ Deploy your projects \u0026 portfolio **so you can start applying for jobs**.  \n\n## 🎓 Links and Resources\n\n* **Learn to Code 🔥** - https://www.smoljames.com/roadmap\n* **Get hired faster ✅** - https://www.hyr.sh\n* **Get Started Coding** - https://www.smoljames.com/roadmap\n\n* **VSCode Shortcuts** - https://www.vscodeshortcuts.smoljames.com\n* **FantaCSS** - https://www.fantacss.smoljames.com\n* **GitHub Repo** - https://github.com/jamezmca/full-stack-course\n* **Vite/ReactJS Init** - https://v3.vitejs.dev/guide/\n* **NextJS Init** - https://nextjs.org/docs/app/getting-started/installation\n* **Firebase** - https://firebase.google.com/\n* **Stripe** - Stripe - https://dashboard.stripe.com/dashboard\n* **FontAwesome CDN** - https://cdnjs.com/libraries/font-awesome\n* **FontAwesome Icons** - https://www.fontawesome.com\n* **Netlify** - https://www.netlify.com\n* **AWS Amplify** - https://aws.amazon.com/amplify/\n\n\n## 🎓 Ready for a great adventure?\n\nLet’s build some epic projects, launch your **personal brand**, and **get you hired** as a full stack developer.  \n\n🔗 https://www.smoljames.com \n\u003c!-- replace with course link --\u003e\n\n[![img-thumbnail](thumbnail.jpg)](https://youtu.be/lkjrUW8fI40)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamezmca%2Ffull-stack-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamezmca%2Ffull-stack-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamezmca%2Ffull-stack-course/lists"}