Added Dockerfile

README.md

@@ -36,6 +36,53 @@ Check the design in [Figma](https://www.figma.com/design/WQnt0qRFSdaV3jW5XF8NSc/
 <hr>
 
 ## 🛠️ Getting Started
+
+### With Docker
+1. **Clone the repository**
+
+```sh
+ git clone https://github.com/Satyam1923/Spring.git
+```
+
+### For Backend
+1. **Navigate to the backend folder**
+```sh
+cd backend
+```
+2. **Build Docker Image**
+```sh
+docker build -t <Image name>:<tag> .      
+```
+3. **Run Docker Image**
+```sh
+docker run -p 3030:3030 <Image name>:<tag>
+```
+4. **Access it locally**
+
+Go to http://localhost:3030/
+
+
+### For Frontend 
+1. **Navigate to the frontend folder**
+
+```sh
+cd frontend
+```
+2. **Build Docker Image**
+```sh
+docker build -t <Image name>:<tag> .      
+```
+3. **Run Docker Image**
+```sh
+docker run -p 3000:3000 <Image name>:<tag>
+```
+4. **Access it locally**
+
+Go to http://localhost:3000/
+
+
+### Without Docker 
+
 1. **Clone the repository**
 
 ```sh

backend/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

backend/Dockerfile

@@ -0,0 +1,13 @@
+FROM node:16-alpine
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+EXPOSE 3030
+
+CMD ["npm", "start"]

frontend/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+dist

frontend/Dockerfile

@@ -0,0 +1,15 @@
+FROM node:16-alpine
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+EXPOSE 3000
+
+CMD ["npm", "run", "preview"]

frontend/vite.config.js

@@ -5,4 +5,9 @@ import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [react()],
+
+	preview: {
+		host: true,
+		port: 3000
+	}
 });