https://github.com/kartikk-26/docker-compose-app
This repository contains a Docker Compose project with a React.js frontend, Node.js backend, and a `docker-compose.yml` file for seamless containerized deployment.
https://github.com/kartikk-26/docker-compose-app
Last synced: 7 months ago
JSON representation
This repository contains a Docker Compose project with a React.js frontend, Node.js backend, and a `docker-compose.yml` file for seamless containerized deployment.
- Host: GitHub
- URL: https://github.com/kartikk-26/docker-compose-app
- Owner: Kartikk-26
- Created: 2024-11-15T17:22:05.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T18:23:14.000Z (11 months ago)
- Last Synced: 2025-01-26T06:08:53.428Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 860 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 🚀 Docker Compose Multi-Container Application Project
This project demonstrates deploying a simple multi-container application using Docker Compose. The application includes a **React.js frontend** and a **Node.js backend** working together.
## 📑 Table of Contents
- [Project Structure](#-project-structure)
- [Requirements](#-requirements)
- [Setup and Usage](#️-setup-and-usage)
- [Project Overview](#-project-overview)
- [Application Output](#-application-output)
- [Docker Compose Configuration](#%EF%B8%8F-docker-compose-configuration)
- [Stopping the Application](#-stopping-the-application)
- [Connect with Me](#-connect-with-me)
## 📂 Project Structure
- **docker**: Contains the frontend application (React.js) and its Dockerfile.
- **node**: Contains the backend application (Node.js) and its Dockerfile.
- **docker-compose.yml**: Combines the configuration of frontend and backend Dockerfiles, allowing both services to run in isolated containers and communicate.
## 📋 Requirements
- Docker
- Docker Compose
## ⚙️ Setup and Usage
1. **Clone the repository**:
```bash
git clone
cd
```
2. **Build and Run Containers**:
Use Docker Compose to build and start the frontend and backend containers.
```bash
docker-compose up --build
```
3. **Access the Application**:
- The **frontend** is accessible at `http://localhost:`.
- The **backend** is accessible at `http://localhost:`.
## 📝 Project Overview
This is a simple Docker Compose project in which we deployed a multi-container **React.js** and **Node.js** application. Docker Compose manages both containers, allowing seamless integration between the frontend and backend services.
### 📸 Application Output
The output of the application (as shown in the attached screenshot) includes:
- **Album Review**: "When we all fall asleep, where do we go?"
- **Book Review**: "How can we escape this labyrinth of suffering?"
- **Documentary Review**: "How can we escape the rat race?"
## 🛠️ Docker Compose Configuration
The `docker-compose.yml` file includes the configuration for both services:
- **Frontend**:
- Defined in the `docker` folder with its own Dockerfile.
- Configured to run on a specified port.
- **Backend**:
- Defined in the `node` folder with its own Dockerfile.
- Exposes an API endpoint for the frontend to consume.
## 🛑 Stopping the Application
To stop and remove the containers, run:
```bash
docker-compose down
```
## 💡 Connect with Me
Stay connected on [LinkedIn](https://www.linkedin.com/in/-kartikjain/) to see more projects and improvements as I continue my learning journey. Let's collaborate and create impactful web applications!
Follow along to track my daily progress.
---