create-react-app + expressjs + mongodb + docker-compose!!
It is a new digital experience for kids that visit the Make-A-Wish of Georgia office. We, at Home Depot, donated a complete office renovation to make the Georgia office more inviting to kids. As part of that makeover, we also agreed to add a new digital experience. This is that experience.
Infinite Wish Board uses docker-compose to get the entire environment setup off of the ground.
The tech stack is:
-
create-react-app on the front-end
-
express API
-
Mongodb for database
If you don't have docker installed, install docker desktop.
NOTE: If it's your first time installing Docker & you're on Windows, make sure the "Use Windows containers instead of Linux containers" checkbox is unchecked during setup, or you will run into an error when trying to build.
From there, clone the repository into your workspace of choice.
Finally, run the following command from your favorite terminal:
docker-compose down && docker-compose build && docker-compose up
NOTE: The first build will be slow due to docker world-building
This will host your front end on localhost:3001, your api endpoint on localhost:3002, and mongodb will be networked internally (more details TBD)
The frontend and backend will auto-refresh as you make changes, and the only time you will ever need to re-run docker-compose down && docker-compose build && docker-compose up
is if you made changes to the package.json file in either ui or api.
See issues