This is a simple full-stack application demonstrating integration between a Django REST API backend and a React micro frontend (MFE), running together using Docker Compose.
- Backend: Django, Django REST Framework
- Frontend: React (via Create React App)
- Containerization: Docker, Docker Compose
- CORS: Enabled for cross-origin requests from React to Django
git clone https://github.com/SkillUpTech/demo-sample.git
cd demo-sample
docker compose up --build
This will:
Start the Django backend on http://localhost:8000
Start the React frontend on http://localhost:8080
Open your browser and go to:
You should see:
Hello, World!
This document provides step-by-step instructions to install Docker on Windows and Ubuntu.
- 64-bit processor with SLAT support
- Virtualization enabled in BIOS
- Windows 10/11 Pro, Enterprise, or Education (Home requires WSL 2)
- Download Docker Desktop installer from Docker official site
- Run the installer and follow the setup wizard
- If using Windows Home, ensure WSL 2 is installed and enabled (Docker Desktop installer will help)
- Restart your computer if prompted
- Open PowerShell or Command Prompt and verify installation:
docker --version docker run hello-world
sudo apt-get update
sudo apt-get install -y ca-certificates curl gnupg
sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
echo \
"deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] \
https://download.docker.com/linux/ubuntu \
$(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt-get update
sudo apt-get install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
sudo usermod -aG docker $USER
Reboot the system