madhurajayashanka / docker-mysql-nodejs-reactjs-app

"Docker MySQL Node.js React.js App" is a concise demo showcasing Docker and Docker Compose. It combines React.js frontend, Node.js backend, and MySQL database. With Docker, easily deploy the stack. Submit data in React, processed by Node.js, and stored in MySQL. Streamline development and learn Docker's containerization power.

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

Installation

1. Clone the repository:

   git clone https://github.com/madhurajayashanka/docker-mysql-nodejs-reactjs-app.git

2. Navigate to the project directory:

   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:

   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 or phpMyAdmin 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.