https://github.com/IITC-College/react-bind-dev

Real-World Scenario

The frontend team already has a React application that works locally.

Until now, each developer installed Node.js, dependencies, and tooling directly on their own machine.

Now the DevOps team wants to add Docker support so every developer can run the project in a consistent environment.

Your job is to add:

• A development Dockerfile for local work with hot reload
• A production Dockerfile for building and serving the app with nginx

Part 1 — Development Dockerfile

Goal

Create a Dockerfile.dev that runs the React app in development mode.

The container should run the Vite dev server and allow code changes through bind mounts.

Step 1 — Create the file

Create a file in the project root:

Dockerfile.dev

Step 2 — Choose the base image

Use a Node.js image suitable for development.