Hello! This article presents an
open-source full-stack project that uses a react Material-UI React design powered by a simple Flask API Server. Flask React Soft can be downloaded from Github without a registration lock and used for commercial projects or eLearning activities. For newcomers, Flask is a leading framework powered by Python and React is a popular JS library for coding user interfaces baked by Facebook. Thanks for reading!
- 👉 Flask React Soft - LIVE Demo
- 👉 Flask React Soft - source code
- 🎁 Free support via email and Discord (1k+ community)
Soft UI Dashboard React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
✨ Product Features
- Innovative Material UI Design - Crafted by Creative-Tim
React, Redux, Redux-persist
- Authentication: JWT Login/Register/Logout
Full-Stackready via a simple Flask API
Dockersupport for API part
- SQLite persistence, Flask-RestX
The product is built using a
two-tier pattern where the React frontend is decoupled logically and physically from the API backend. In order to start the product in a local environment, we need to type a short list with commands in the terminal window
- 👉 Clone/download product sources
- 👉 Compile and start the API using a manual build or Docker
- 👉 Test the API using
cURLor POSTMAN (optional)
- 👉 Compile and start the React UI
- 👉 Register users and authenticate
The frontend and the backend should be started from different terminal windows.
✨ Start the API Server
This free product is a simple API starter enhanced with JWT authentication, SqlAlchemy, SQLite persistence and deployment scripts via Docker. It has all the ready-to-use bare minimum essentials and can be extended with ease.
Clone/Download sources from Github
Start API - via Docker
Once the commands are executed, we should be able to access the API and create users. POSTMAN is a popular tool for this operation but we can use a command-line tool like
cURL as well.
✨ Start the React UI
Soft UI Dashboard is compatible with multiple NodeJS versions (12.x, 14.x, 16.x) and we can compile and start the product with a single command:
Once the UI is visible in the browser, we can register new users, authenticate and interact with all private pages.
Flask React Soft - Charts & Widgets
Flask React Soft - User profile
Thanks for reading! For more resources, feel free to access: