Docker compose working correctly

Author: nabin2004

.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+npm-debug.log
+Dockerfile
+.dockerignore 

README.md

@@ -1 +1,121 @@
-# CHLOD
+# CHLOD (Cultural Heritage Linked Open Data)
+
+## Overview
+CHLOD is a structured schema based on CIDOC CRM to represent Nepal's cultural heritage data. This project facilitates standardized data representation and interoperability for cultural heritage datasets.
+
+## Getting Started
+
+### Prerequisites
+- [Docker](https://docs.docker.com/get-docker/)
+- [Docker Compose](https://docs.docker.com/compose/install/)
+
+### Running the Application
+
+1. Clone the repository:
+   ```bash
+   git clone <repository-url>
+   cd chlod
+   ```
+
+2. Start the application using Docker Compose:
+   ```bash
+   docker-compose up -d
+   ```
+
+3. The application should now be running at:
+   - **Frontend**: [http://localhost:3000](http://localhost:3000)
+   - **Backend API**: [http://localhost:8000](http://localhost:8000)
+
+### Stopping the Application
+
+To stop the application and remove the containers:
+```bash
+docker-compose down
+```
+
+To stop the application while preserving the containers:
+```bash
+docker-compose stop
+```
+
+### Viewing Logs
+
+To view the logs of all containers:
+```bash
+docker-compose logs
+```
+
+To follow the logs in real-time:
+```bash
+docker-compose logs -f
+```
+
+## Accessing the Site
+
+### Frontend
+The frontend service is running on port 3000. You can access it by navigating to:
+```
+http://localhost:3000
+```
+
+### Backend
+The backend service is running on port 8000. You can access it by navigating to:
+```
+http://localhost:8000
+```
+
+## Docker Containers
+
+To check the status of the Docker containers, you can use the following command:
+```sh
+docker ps
+```
+
+This will show you the running containers and their respective ports.
+
+## Directory Structure
+```
+chlod/
+├── docker-compose.yml  # Docker Compose configuration
+├── backend/            # Backend API implementation
+├── frontend/           # Frontend application
+└── README.md           # Project documentation
+```
+
+## Contributing
+Contributions are welcome! To contribute:
+1. Fork the repository.
+2. Create a new branch: `git checkout -b feature-branch`
+3. Commit your changes: `git commit -m 'Add new feature'`
+4. Push to the branch: `git push origin feature-branch`
+5. Submit a pull request.
+
+## License
+This project is licensed under the MIT License. See the `LICENSE` file for details.
+
+## Contact
+For any inquiries, reach out via [info@cair-nepal.org](mailto:info@cair-nepal.org).
+
+## Troubleshooting
+
+### Connection Issues
+
+If you encounter connection issues, follow these steps:
+
+1. **Check Docker Container Status**: Ensure that both the frontend and backend containers are running.
+   ```sh
+   docker ps
+   ```
+
+2. **Check Container Logs**: View the logs of the frontend and backend containers to see if there are any errors.
+   ```sh
+   docker-compose logs frontend
+   docker-compose logs backend
+   ```
+
+3. **Restart Docker Containers**: Sometimes restarting the containers can resolve the issue.
+   ```sh
+   docker-compose restart
+   ```
+
+4. **Check Network Configuration**: Ensure that your firewall or proxy settings are not blocking the connections to ports 3000 and 8000.

backend/Dockerfile

@@ -8,9 +8,15 @@ ENV PYTHONUNBUFFERED=1
 # Set the working directory in the container
 WORKDIR /app/heritage_graph
 
-# Install dependencies
+# Install system dependencies and clean up
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends gcc python3-dev && \
+    rm -rf /var/lib/apt/lists/*
+
+# Install Python dependencies
 COPY requirements.txt /app/
-RUN pip install --no-cache-dir -r /app/requirements.txt
+RUN pip install --no-cache-dir -r /app/requirements.txt && \
+    rm -rf /root/.cache/pip
 
 # Copy the Django project into the container
 COPY . /app/

backend/requirements.txt

@@ -1,6 +1,7 @@
 asgiref==3.8.1
 Django==5.1.3
 djangorestframework==3.15.2
+drf-spectacular
 sqlparse==0.5.2
 typing_extensions==4.12.2
 begins==0.9

docker-compose.yml

@@ -1,23 +1,12 @@
-version: '3.8'
-
 services:
-  backend:
-    build: ./backend
-    ports:
-      - "8000:8000"
-    volumes:
-      - ./backend:/app
-    working_dir: /app/heritage_graph
-    environment:
-      - ALLOWED_HOSTS=0.0.0.0,localhost,127.0.0.1
-    restart: on-failure
-
   frontend:
     build: ./frontend
     ports:
-      - "3000:3000"  # Map host port 3000 to container port 3000
-    volumes:
-      - ./frontend:/app
-      - /app/node_modules  # Avoid overwriting node_modules in the container
+      - "3000:3000"
+    depends_on:
+      - backend
 
-    # command: npm run start  # Use 'npm run build && serve -s build -l 3000' for production
+  backend:
+    build: ./backend
+    ports:
+      - "8000:8000"

frontend/Dockerfile

@@ -4,23 +4,19 @@ FROM node:18-alpine
 # Set the working directory in the container
 WORKDIR /app
 
-# Copy package.json and package-lock.json
-COPY package*.json ./
+# Create a non-root user and switch to it
+RUN adduser -D myuser
 
-# Install dependencies
+# Copy package.json and install dependencies
+COPY package.json ./
 RUN npm install
 
 # Copy the rest of the application code
 COPY . .
 
-# Build the application
-RUN npm run build
-
-# Install `serve` globally to serve the build files
-RUN npm install -g serve
-
-# Expose the port your app runs on (default for `serve` is 3000)
+# Expose the port
 EXPOSE 3000
 
-# Serve the build files
-CMD ["serve", "-s", "build", "-l", "3000"]
+# Start the Vite dev server
+CMD ["npm", "run", "start", "--", "--host"]
+