Web Development Essentials: Frontend Backend Database in LDE
Use Postman, Postbird and Chrome Developer Tools in a Docker Virtual Environment with a Postgres Database in locale
What you will learn
To get a development environment ready for development in few minutes instead of hours
To use the instructions of an open source project as a template for all your future projects
To configure and run one or more Postgres databases in a local environment
To run a local development environment with virtual machines, and run the frontend, the backend and the database on those virtual machines
To create your own editable copy of the frontend and backend open source projects in your own gitlab repository
To use the open source repositories of this course as a template for your projects
Why take this course?
In this course I show you how to run a frontend, a backend and a PostgreSQL database on your laptop, in a Docker Virtual Environment made of two containers, one for the frontend, one for the backend and the local database.
I assume you have a new laptop with nothing installed, so we start from the very beginning, installing Google Chrome, Docker Desktop, Vagrant, Postman, Postbird and VsCode.
I show you how to create a Gitlab account for the source code.
I show you a few schemas about how Google Chrome, Postman and Postbird are essential tools to ensure that the code you are writing is working, and then we use this tools to test the project on your laptop.
We use as project for the course an open source template project with a frontend, a backend and database that is ready to be run on a Docker Virtual Environment and is also ready to be deployed online with Kubernetes.
The frontend uses React, React Router, Recoil and Apollo GraphQL.
The backend uses NodeJs, Apollo GraphQL, and Prisma.
The database is a PostgreSQL
The template open source code project is the extreme simplification of a bigger and extreme complex project, and for this reason is fully featured and includes Single Sign On Authentication.
The open source project is from the public fullstackunicorn gitlab account and you can use it as a template for any of your future projects.