DEV Community

Cover image for (VIDEO) Flask API Generator and View - Free Product
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

(VIDEO) Flask API Generator and View - Free Product

Hello coders!

The video material mentioned in this article explains how to interact with a Flask Generated API using the API view, a simple page that allows to add, edit and remove items. The product enhanced with this feature, Soft UI Dashboard, can be downloaded from Github and used in production, commercial projects, or eLearning activities. For newcomers, Flask is a leading backend framework actively supported and versioned by programming experts.


Video transcript (all presentation steps)

  • βœ… Access the product page
  • βœ… Access the public repository
  • βœ… Clone project using GIT
  • βœ… Open-project using VsCode
  • βœ… Start the project using Docker
  • βœ… Interact with the API View
  • βœ… Edit, create and delete items
  • βœ… Access the Generated API in the browser


The product can be started locally without much effort via the Docker setup shipped with the sources. For those that use Docker on their workstation, here are the steps:

πŸ‘‰ Step #1 - Download the code from the GH repository (using GIT)

$ git clone https://github.com/app-generator/flask-soft-ui-dashboard.git
$ cd flask-soft-ui-dashboard 
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #2 - Start the APP in Docker

$ docker-compose up --build
Enter fullscreen mode Exit fullscreen mode

Visit http://localhost:5085 in your browser. The app should be up & running and the API View can be used after we create a new account and authenticate:

Flask API Generator - API View page (free product)


Flask API Generator - Create Items popup

Flask API Generator - Edit Items Popup (free product)


The design for this starter is provided by Creative-Tim, a well-known design agency, and multi-technology marketplace. More information about this KIT can be found below.


✨ Soft UI Dashboard

Soft UI Dashboard 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. All components can take variations in color, that you can easily modify using SASS files and classes.

This Free Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Soft UI Dashboard - Migrated to Flask


Thanks for reading! For more resources and support, please access:

Top comments (0)