{"id":25588446,"url":"https://github.com/jhordyess/dockerized-spring-react-mysql","last_synced_at":"2026-04-11T03:30:21.376Z","repository":{"id":212162277,"uuid":"726106295","full_name":"jhordyess/dockerized-spring-react-mysql","owner":"jhordyess","description":"Basic Full Stack App with Spring Boot, React, and MySQL, all running in Docker containers.","archived":false,"fork":false,"pushed_at":"2024-04-12T16:46:24.000Z","size":125,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-13T00:08:11.152Z","etag":null,"topics":["docker","java","javascript","mysql","react","spring-boot"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jhordyess.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-12-01T14:47:33.000Z","updated_at":"2024-03-02T04:34:12.000Z","dependencies_parsed_at":"2023-12-12T21:30:42.173Z","dependency_job_id":"f2ecd896-30d3-455f-8fbf-4e2e2d6e18a9","html_url":"https://github.com/jhordyess/dockerized-spring-react-mysql","commit_stats":null,"previous_names":["jhordyess/dockerized-spring-react-mysql"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fdockerized-spring-react-mysql","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fdockerized-spring-react-mysql/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fdockerized-spring-react-mysql/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fdockerized-spring-react-mysql/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jhordyess","download_url":"https://codeload.github.com/jhordyess/dockerized-spring-react-mysql/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239985719,"owners_count":19729512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","java","javascript","mysql","react","spring-boot"],"created_at":"2025-02-21T08:37:34.528Z","updated_at":"2026-04-11T03:30:21.311Z","avatar_url":"https://github.com/jhordyess.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dockerized Spring React MySQL App\n\nBasic Full Stack App with Spring Boot, React, and MySQL, all running in Docker containers.\n\nThe goal of this project is to demonstrate how Docker can be used to run a full stack application, helping to avoid the \"works on my computer\" problem, and also to make it easier to test a full stack application without having to install all the dependencies or complex configurations.\n\nDo you speak Español?: 👉 [Léeme](./LEEME.md)\n\n## Description\n\nThe app is a simple full stack application that saves a user's name and email address to a MySQL database.The backend is a Spring Boot application that exposes a REST API. The frontend is a React application that uses the backend API to save and retrieve data from the database.\n\n### Technologies Used\n\n- Programming Language: [Java](https://www.java.com/), [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n- Frameworks: [Spring Boot](https://spring.io/projects/spring-boot), [React](https://react.dev/)\n- Database: [MySQL](https://www.mysql.com/)\n- Database Management: [phpMyAdmin](https://www.phpmyadmin.net/)\n- Containerization: [Docker](https://www.docker.com/)\n- Dev Environment: [VSCode](https://code.visualstudio.com/) with [dev containers](https://code.visualstudio.com/docs/remote/containers) in [Zorin OS](https://zorinos.com/)\n\n## How to use for production or testing purposes\n\nYou need to have installed [Docker](https://www.docker.com/), the most easy way to install it is using the [Docker Desktop](https://www.docker.com/products/docker-desktop) application.\n\n1. Clone this repository and enter the folder\n\n```bash\ngit clone git@github.com:jhordyess/dockerized-spring-react-mysql.git\n```\n\n2. Create a `.env` file in the root folder by copying the example from the [`.env.example`](./.env.example) file.\n\n3. Then, run the following command:\n\n```bash\nmake\n\n# If you don't have 'make' installed, use:\ndocker compose up -d\n```\n\n4. After that, open the browser and visit \u003chttp://localhost/\u003e.\n\n5. To remove the containers, use the following commands:\n\n```bash\nmake clean\n\n# If you don't have 'make' installed, use:\ndocker compose down\n```\n\nTake note that this production configuration is just for testing purposes, and maybe need some changes to be used in a real production environment.\n\n## How to use in development\n\nYou can use the VSCode dev containers to run the project in a containerized environment.\n\nYou need to have installed [Docker](https://www.docker.com/) and [VSCode](https://code.visualstudio.com/), and the [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension.\n\n1. Clone this repository\n\n```bash\ngit clone git@github.com:jhordyess/dockerized-spring-react-mysql.git\n```\n\n2. Open the project in VSCode\n\n```bash\ncode dockerized-spring-react-mysql\n```\n\n3. Create a `.env` file in the root folder by copying the example from the [`.env.example`](./.env.example) file.\n\n4. Open the integrated terminal (Ctrl+Shift+`) and run the following command:\n\n```bash\ndocker compose -f docker-compose.dev.yml up -d\n```\n\n5. Open the command palette (Ctrl+Shift+P) and select the option `Dev Containers: Open folder in Container`.\n\n6. Select the folder `backend` and wait for the container to be built.\n\n7. Open the integrated terminal (Ctrl+Shift+`) and run the following command:\n\n```bash\nmvn spring-boot:run\n```\n\n8. For the frontend, open the command palette (Ctrl+Shift+P) and select the option `Dev Containers: Open folder in Container`.\n\n9. Select the folder `frontend` and wait for the container to be built.\n\n10. Open the integrated terminal (Ctrl+Shift+`) and run the following command:\n\n```bash\nnpm run dev\n```\n\n11. Open the browser and visit \u003chttp://localhost:5173/\u003e\n\n12. Also you can visit \u003chttp://localhost:81/\u003e to manage the database with phpMyAdmin.\n\n## To-Do\n\n- [ ] Add CSS styles to the frontend\n\n## Contribution\n\nIf you would like to contribute to the project, open an issue or make a pull request on the repository.\n\n## License\n\n© 2023 [Jhordyess](https://github.com/jhordyess). Under the [MIT](https://choosealicense.com/licenses/mit/) license. See the [LICENSE](./LICENSE) file for more details.\n\n---\n\nMade with 💪 by [Jhordyess](https://www.jhordyess.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhordyess%2Fdockerized-spring-react-mysql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhordyess%2Fdockerized-spring-react-mysql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhordyess%2Fdockerized-spring-react-mysql/lists"}