https://github.com/IITC-College/react-ts-app
Goal
Containerize the provided React + TypeScript application using a production-grade Docker setup.
The entire application already exists.
Your task is only to:
- Create the Docker configuration
- Build the production image
- Run the containerized application
- Optimize the final runtime image
Application Details
| Item |
Value |
| Frontend |
React + TypeScript |
| Build Tool |
Vite |
| Build Output |
dist/ |
| Runtime Server |
server.mjs |
| Runtime Port |
8080 |
Part 1 — Analyze the Existing Project
Instructions
- Review the existing project structure.
- Identify:
- Which command builds the frontend
- Where the production build output is generated
- Which file starts the runtime server
- Which port the application uses
- Verify the project works locally before containerizing it.
Part 2 — Create the Dockerfile