https://github.com/app-generator/fullstack-flask-react-material-design
Flask React - Built with Automation Tools | AppSeed App Generator
https://github.com/app-generator/fullstack-flask-react-material-design
appseed flask full-stack material-design open-source react
Last synced: 3 months ago
JSON representation
Flask React - Built with Automation Tools | AppSeed App Generator
- Host: GitHub
- URL: https://github.com/app-generator/fullstack-flask-react-material-design
- Owner: app-generator
- License: mit
- Created: 2019-07-19T13:33:02.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-09-08T09:23:40.000Z (almost 6 years ago)
- Last Synced: 2025-03-11T05:55:52.493Z (4 months ago)
- Topics: appseed, flask, full-stack, material-design, open-source, react
- Homepage: https://appseed.us/apps/flask-apps/material-kit-creative-tim
- Size: 7.81 KB
- Stars: 28
- Watchers: 1
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Flask React - Material Design](https://appseed.us/apps/flask-apps/material-kit-creative-tim)
Full-Stack [React](https://reactjs.org/) [Material Design](https://demos.creative-tim.com/material-kit-react?ref=appseed) with [Flask](https://palletsprojects.com/p/flask/) backend server.
## Product Features
This full-stack app is built using a decoupled architecture, where the **React** Material Design frontend communicates with the [Flask](https://palletsprojects.com/p/flask/) backend through secure ajax call.
- [Flask](https://palletsprojects.com/p/flask/) backend
- SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
- JWT token authentication
- [React](https://reactjs.org/) [Material Design](https://demos.creative-tim.com/material-kit-react?ref=appseed) crafted by the famous Creative-Tim agency.
- Login and Registration features
To use and start this starter, a few simple steps must be followed:
- clone, build and start the [Flask boilerplate](https://github.com/app-generator/flask-boilerplate) backend
- clone, built and start the [React Material Kit](https://github.com/app-generator/react-material-kit) frontend
## [Flask boilerplate](https://github.com/app-generator/flask-boilerplate) backend
The backend server is a simple [Flask](https://palletsprojects.com/p/flask/) with **JWT authentication**, **SQLite** database, **SQLAlchemy ORM**, unit tests and basic tooling.
```
$ #############################
$ # clone and build the backend
$ git clone https://github.com/app-generator/flask-boilerplate.git
$ cd flask-boilerplate
$ pip install -r requirements.txt
$ flask run --port 3000 # start the Flask server
```
## [React Material Kit](https://github.com/app-generator/react-material-kit)
[React](https://reactjs.org/) app enhanced with **JWT Authentication** with fully functional login & registration flow.
```
$ #############################
$ # clone and build the React Frontend
$ git clone https://github.com/app-generator/material-kit-react.git
$ cd material-kit-react
$ yarn
$ yarn start # Frontend runs on port 8080
```
## Resources
- [Flask boilerplate](https://github.com/app-generator/flask-boilerplate) backend sources
- [React Material Kit](https://github.com/app-generator/react-material-kit) sources
- [React Express Material Design - Demo](https://react-express-material-kit.appseed.us/)
### What is [Flask](https://palletsprojects.com/p/flask/)
Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications. It began as a simple wrapper around Werkzeug and Jinja and has become one of the most popular Python web application frameworks. Read more about **Flask** [here](https://flask.palletsprojects.com/en/1.1.x/).
### What is [React](https://reactjs.org/)
**React** (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. **React** can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. Read more about React [here](https://reactjs.org/)
### [Material Kit React](https://www.creative-tim.com/product/material-kit-react)
**Material Kit React** is a Free [email protected] Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Material-UI elements, you will find three fully-coded example pages, to help you design your next project. Read more about Material Kit React [here](https://www.creative-tim.com/product/material-kit-react)
## Support
For issues and features request, use **Github** or access the [support page](https://appseed.us/support) provided by **AppSeed**
## License
MIT @ [AppSeed](https://appseed.us)
---
[Flask React - Material Design](https://appseed.us/apps/flask-apps/material-kit-creative-tim) provided by **AppSeed**