Hands-on workshop for deploying a fullstack TODO application to REAL production environments with automated CI/CD pipelines.
Click the green "Use this template" button at the top of this page, then:
- Choose "Create a new repository"
- Name it
fullstack-workshop(or any name you prefer) - Select Public (required for free GitHub Pages)
- Click "Create repository"
git clone https://github.com/YOUR_USERNAME/fullstack-workshop.git
cd fullstack-workshopjava -version # Should be 17+
node --version # Should be 18+
git --version # Any recent versionNow you're ready to start! 👉 Module 01 - Getting Started
- Backend: Spring Boot REST API → Live on Render.com
- Frontend: React SPA → Live on GitHub Pages
- CI/CD: Automated deployment with GitHub Actions
- Result: A publicly accessible application on the internet! 🌐
- Getting Started - Setup development environment
- Backend Application - Spring Boot TODO API
- Frontend Application - React TODO UI
- GitHub Workflow - Collaboration best practices
- CI/CD Pipeline - Automated deployment
- Deploy Backend - Deploy to Render (real production)
- Deploy Frontend - Deploy to GitHub Pages (real production)
✅ A working fullstack application deployed to real cloud platforms ✅ Live backend API on Render.com (free tier) ✅ Live frontend on GitHub Pages (free) ✅ Automated CI/CD with GitHub Actions ✅ Public URL you can share with anyone ✅ Portfolio-ready project for your resume
- GitHub account (required for deployment)
- Render account (free, sign up during workshop)
- Git, Java 17+, Node.js 18+
- Code editor (VS Code recommended)
- Basic knowledge of Java, JavaScript, REST APIs
Backend: Spring Boot 3.2, Java 17, H2 Database, Maven Frontend: React 18, Vite, Axios DevOps: GitHub Actions, Render (Docker), GitHub Pages
MIT License - See LICENSE
Start here: Module 01 - Getting Started