Skip to content

README.md

Latest commit

 

History

History
87 lines (60 loc) · 2.5 KB

README.md

File metadata and controls

87 lines (60 loc) · 2.5 KB

Fullstack Workshop - Deployment and CI/CD

Hands-on workshop for deploying a fullstack TODO application to REAL production environments with automated CI/CD pipelines.

🚀 Getting Started (For Students)

Step 1: Create Your Own Copy

Click the green "Use this template" button at the top of this page, then:

  1. Choose "Create a new repository"
  2. Name it fullstack-workshop (or any name you prefer)
  3. Select Public (required for free GitHub Pages)
  4. Click "Create repository"

Step 2: Clone Your Repository

git clone https://github.com/YOUR_USERNAME/fullstack-workshop.git
cd fullstack-workshop

Step 3: Verify Your Tools

java -version    # Should be 17+
node --version   # Should be 18+
git --version    # Any recent version

Now you're ready to start! 👉 Module 01 - Getting Started

What You'll Build & Deploy

  • 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! 🌐

Modules

  1. Getting Started - Setup development environment
  2. Backend Application - Spring Boot TODO API
  3. Frontend Application - React TODO UI
  4. GitHub Workflow - Collaboration best practices
  5. CI/CD Pipeline - Automated deployment
  6. Deploy Backend - Deploy to Render (real production)
  7. Deploy Frontend - Deploy to GitHub Pages (real production)

What You'll Have at the End

✅ 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

Prerequisites

  • 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

Tech Stack

Backend: Spring Boot 3.2, Java 17, H2 Database, Maven Frontend: React 18, Vite, Axios DevOps: GitHub Actions, Render (Docker), GitHub Pages

Resources

License

MIT License - See LICENSE

Start here: Module 01 - Getting Started