This template has backend files and frontend files together, it is the perfect combination of the React.js and Flask API templates so you can create a Full Stack application applying all the concepts used in the professional world.
You can find a complete explanation on how to create new pages, components, add styles, and use context, within this previous documentation we created for the React, useReducer, and useContext template. This is because the Full-Stack template was created under the same structure and concepts as that one.
You can find a complete explanation on creating your Flask API endpoints, creating new models, database migrations, and using the Flask admin in this documentation, this is because this template was created with the same structure and concepts as the Flask API template.
It is recommended to install the backend first, make sure you have Python 3.10+, Pipenv, and a database engine (Postgres recommended)
$ pipenv install$ cp .env.example .env| Engine | DATABASE_URL |
|---|---|
| SQLite | sqlite:////test.db |
| MySQL | mysql://username:password@localhost:port/example |
| Postgres | postgres://username:password@localhost:5432/example |
$ pipenv run migrate (skip if no changes have been made to the models in ./src/api/models.py)$ pipenv run upgrade$ pipenv run start.$ npm install$ npm run start.This template is 100% compatible with Heroku and Render.com, just make sure to read the quick deployment guides.