(VIDEO) Flask API Generator and View - Free Product
Tags: flask, opensource, generator
Published: 2022-10-02 16:42:24

---
title: (VIDEO) Flask API Generator and View - Free Product
published: true
description: Open-Source API Generator updated to support an API view in templates - Soft UI Dashboard Design.
tags: flask, opensource, generator
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hsw065y2ao83fikieeu2.jpg
canonical_url: https://blog.appseed.us/flask-api-generator-and-view-open-source/
---
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](https://appseed.us/product/soft-ui-dashboard/flask/), can be downloaded from Github and used in production, commercial projects, or eLearning activities. For newcomers, [Flask](https://appseed.us/admin-dashboards/flask/) is a leading backend framework actively supported and versioned by programming experts.  

- 👉 [Flask Soft UI Dashboard](https://github.com/app-generator/flask-soft-ui-dashboard) - `Source Code`
- 👉 [Flask Soft UI Dashboard](https://appseed.us/product/soft-ui-dashboard/flask/) - product page
- 🚀 The [support](https://appseed.us/support/) page (just in case)

--- 

## 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

{% embed https://www.youtube.com/watch?v=nrRtEizQ5V8 %}

---

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)

```bash
$ git clone https://github.com/app-generator/flask-soft-ui-dashboard.git
$ cd flask-soft-ui-dashboard 
```

---

> 👉 **Step #2** - Start the APP in Docker

```bash
$ docker-compose up --build
```

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)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/frm4vf9b5lusht8e9grn.png)

---

> **Flask API Generator** - Create Items popup

![Flask API Generator - Edit Items Popup (free product)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q3f1baswl0kwjox9l1zx.png)

---

The design for this starter is provided by [Creative-Tim](https://www.creative-tim.com/?AFFILIATE=128200), a well-known design agency, and multi-technology marketplace. More information about this KIT can be found below.

---

## ✨ [Soft UI Dashboard](https://www.creative-tim.com/product/soft-ui-dashboard?AFFILIATE=128200)

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.

- 👉 [Soft UI Dashboard](https://www.creative-tim.com/product/soft-ui-dashboard?AFFILIATE=128200) - product page (template version)
- 👉 [Soft UI Dashboard](https://demos.creative-tim.com/soft-ui-dashboard/pages/dashboard.html?AFFILIATE=128200) - LIVE demo (template version)

This Free [Bootstrap 5](https://www.admin-dashboards.com/bootstrap-5-templates/) 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u667e6kj6bpqcg8cblut.png)

---

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

- 👉 More [Flask](https://appseed.us/admin-dashboards/flask/) products crafted by AppSeed
- 👉 Ask for [support](https://appseed.us/support/) or download [free starters](https://appseed.us/apps/open-source/)