Dockerized React & Django – Free Sample Project

Hello Coders!

This article presents an open-source full-stack app built with React & Django bundled together under the same Docker setup. Once the sources are downloaded locally, if Docker is present, the product can be started with minimal effort…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sm0ke

Hello Coders!

This article presents an open-source full-stack app built with React & Django bundled together under the same Docker setup. Once the sources are downloaded locally, if Docker is present, the product can be started with minimal effort, and all changes made on the sources for both components (React & Django) are pushed to the Docker container instantly. Thanks for reading!

Being released the MIT License, the Docker scripts provided in this sample can be used or incorporated into other projects or simply used for eLearning activities.

Django & React - Open-Source Dockerized Sample

✨ How to use the project

Before using the project, we need to have Docker properly installed and usable. If we're not sure about this fact, we can easily check by typing docker --version in the terminal. In my case, the output is this:

$ docker --version
>>> Docker version 20.10.14, build a224086

If the output looks good, we can move on and start the mentioned project using Docker.

👉 Step 1 - Download the code

$ git clone https://github.com/app-generator/sample-docker-django-react.git
$ cd sample-docker-django-react

👉 Step 2 - Start the APP in Docker

$ docker-compose up --build

At this point, the app runs, but the database is not migrated yet.

👉 Step 3 - Migrate DB

$ docker-compose run --rm appseed-app python manage.py makemigrations
$ docker-compose run --rm appseed-app python manage.py migrate

👉 Step 4 - Access the APP

Here, the app is fully usable, we can register new users, authenticate and access the private pages just like in this LIVE Demo.

Dokerized Django & React - Dashboard Page.

Thanks for reading! For more resources, please access:

  • 🚀 Free support provided by AppSeed (email & Discord)
  • 👉 More free apps crafted in Flask, Django, and React


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sm0ke


Print Share Comment Cite Upload Translate Updates
APA

Sm0ke | Sciencx (2022-11-21T16:48:02+00:00) Dockerized React & Django – Free Sample Project. Retrieved from https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/

MLA
" » Dockerized React & Django – Free Sample Project." Sm0ke | Sciencx - Monday November 21, 2022, https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/
HARVARD
Sm0ke | Sciencx Monday November 21, 2022 » Dockerized React & Django – Free Sample Project., viewed ,<https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/>
VANCOUVER
Sm0ke | Sciencx - » Dockerized React & Django – Free Sample Project. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/
CHICAGO
" » Dockerized React & Django – Free Sample Project." Sm0ke | Sciencx - Accessed . https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/
IEEE
" » Dockerized React & Django – Free Sample Project." Sm0ke | Sciencx [Online]. Available: https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/. [Accessed: ]
rf:citation
» Dockerized React & Django – Free Sample Project | Sm0ke | Sciencx | https://www.scien.cx/2022/11/21/dockerized-react-django-free-sample-project/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts