61 lines
2.2 KiB
Markdown
61 lines
2.2 KiB
Markdown
# Docker MySQL Node.js React.js App
|
|
|
|
"Docker MySQL Node.js React.js App" is a comprehensive demonstration repository showcasing the capabilities of Docker and Docker Compose. With a focus on simplicity and efficiency, this project illustrates the integration of Docker containers for deploying a full-stack application.
|
|
|
|
The repository features a React.js frontend application where users can enter their data and submit it. The submitted data is then securely transmitted to a Node.js backend server, which processes and persists it in a MySQL database. By utilizing Docker Compose, the entire application stack, including the frontend, backend, and database, can be effortlessly orchestrated and managed as isolated containers.
|
|
|
|
## Setup
|
|
|
|
To set up the project, follow the steps below:
|
|
|
|
### Prerequisites
|
|
|
|
Before running the project, make sure you have the following installed:
|
|
|
|
- Docker: [Download and Install Docker](https://docs.docker.com/get-docker/)
|
|
|
|
### Installation
|
|
|
|
1. Clone the repository:
|
|
|
|
```bash
|
|
git clone https://github.com/madhurajayashanka/docker-mysql-nodejs-reactjs-app.git
|
|
```
|
|
|
|
2. Navigate to the project directory:
|
|
|
|
```bash
|
|
cd project-directory
|
|
```
|
|
|
|
3. Download the `script.sql` file and place it in the project directory.
|
|
|
|
4. Run the following command to build and start the Docker containers:
|
|
|
|
```bash
|
|
docker-compose up --build
|
|
```
|
|
|
|
5. Login to MySQL using the specified port, username, and password:
|
|
|
|
- Host: `localhost`
|
|
- Port: `3307`
|
|
- Username: `root`
|
|
- Password: `pass123`
|
|
|
|
You can use a MySQL client such as [MySQL Workbench](https://www.mysql.com/products/workbench/) or [phpMyAdmin](https://www.phpmyadmin.net/) to log in to the MySQL server.
|
|
|
|
6. Initialize the MySQL database by executing the `script.sql` file.
|
|
|
|
7. Access the application by opening the following URL in your web browser:
|
|
|
|
```
|
|
http://localhost:3001
|
|
```
|
|
|
|
This will take you to the ReactJS application interface where you can interact with the project.
|
|
|
|
## Usage
|
|
|
|
This example serves as a beginner-friendly resource to learn about full-stack Docker containerization in a practical application. It provides a simplified implementation of a full-stack application using React.js, Node.js, and MySQL, all orchestrated with Docker Compose.
|