Open-source full-stack seed project coded in React and Flask on top of a modern design from CodedThemes. The Flask React codebase is already configured with an SQLite database, API (via Flask-RextX), and JWT token-based authentication flow. Datta Able is an open-source React Dashboard that provides a colorful and modern design.

Features

• Modern aesthetics UI design - Designed by CodedThemes
• React, Redux, Redux-persist
• Authentication: JWT Login/Register/Logout
• Backend: Flask API Server

Links

• Flask React Datta Able - product page
• Flask React Datta Able - LIVE Demo
• Flask React Datta Able - product documentation
• Download Backend: Flask API Server 📥
• Donwnload Frontend: React Datta Able 📥

Note: This product can be used with other API Servers for a complete fullstack experience. ALL API servers use an unified interface

• Django API Server - open-source product
• Node JS API Server - open-source product / Typescript / SQLite / TypeORM / Joy for validation
• Node JS API Server PRO - commercial product
  • SQLite / TypeORM / Joy / Docker
  • MongoDB / Mongoose / Joy Docker (separate branch, same project)

Simple starter built with Python / Flask-RestX / Sqlite3 and JWT Auth. The authentication flow is based on json web tokens.

How to use the code

Clone the sources

$ git clone https://github.com/app-generator/api-server-flask.git $ cd api-server-flask

Create a virtual environment

$ virtualenv -p python3 venv $ source venv/bin/activate

Install dependencies using pip

$ pip install -r requirements.txt

Set up the environment

$ export FLASK_APP=run.py $ export FLASK_ENV=development

The API server will start using the default port 5000.

To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.

Step #1 - Clone the project

$ git clone https://github.com/app-generator/react-datta-able-dashboard.git $ cd react-datta-able-dashboard

Step #2 - Install dependencies via NPM or yarn

$ npm i // OR $ yarn

Step #3 - Start in development mode

$ npm run start // OR $ yarn start

The product comes with a usable JWT Authentication flow that provides only the basic requests: login/logout/register.

API Server URL - src/config/constant.js

const config = { ... API_SERVER: 'http://localhost:5000/api/' // <-- The magic line };

API Server Descriptor - POSTMAN Collection

The backend server uses an Unified API defition maintained and actively supported by AppSeed across multiple frameworks: Flask, Node JS, FastAPI.

• API POSTMAN Collection - can be used to mock (simulate) the backend server or code a new one in your preferred framework.

Flask React Datta Able - Provided by CodedThemes and AppSeed App Generator.