DEV Community

Cover image for App Generator - Code a simple Dashboard using AppSeed
Sm0ke
Sm0ke

Posted on β€’ Originally published at blog.appseed.us

11 8

App Generator - Code a simple Dashboard using AppSeed

Hello coders!

This article explains how to use AppSeed to generate a simple Flask Dashboard using a visual interface. Users can access the service without an account, generate a new project based on their selections and download the code from Github (MIT License).

Thanks for reading!

Here is the Youtube video that explains the process.


✨ How to use the service

The generator can be used by anyone without an account and the sources can be accessed in real-time on Github. Based on the permissive license, source code can be used in commercial projects and eLearning activities.

Let's reiterate the steps presented in the video:


πŸ‘‰ The User selects the design - Datta Able in our DEMO

App Generator Datta Able - Select Design


πŸ‘‰ Select the preferred backend

App Generator Datta Able - Select Backend Framework


πŸ‘‰ Configure the product: Database and Deployment

App Generator Datta Able - Customize Product


πŸ‘‰ Confirm the action and wait to download the sources:

App Generator Datta Able - Generate the Product


In less than 1 minute the sources should be available on Github for download. Probably the easier way to get started in a local environment is to use the Docker set up. To use the project, just type a single command in the root of the project:

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

Once the command is executed, Datta Able should be accessible in the browser:


App Generator Datta Able - Generated Product Screen


Thanks for reading! For more resources, feel free to access:

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (11)

Collapse
 
crearesite profile image
WebsiteMarket β€’

Looks nice and useful. Any plans to integrate a UI kit?

Collapse
 
sm0ke profile image
Sm0ke β€’

Yes, soon will be available Material Kit and Soft UI Design.

Flask Material Kit - OSS starter provided by AppSeed.

Collapse
 
crearesite profile image
WebsiteMarket β€’

Noted.

Thread Thread
 
sm0ke profile image
Sm0ke β€’

πŸš€πŸš€

Collapse
 
uithemes profile image
ui-themes β€’

Thank you for your work.
What modules are provided by default?

Collapse
 
sm0ke profile image
Sm0ke β€’
  • database layer + ORM
  • Authentication
  • Docker

Soon, the generator will provide support for:

  • Stripe Payments
  • Data Tables (paginated information)
  • Charts
  • User Profile Module and more options regarding the deployment
Collapse
 
uithemes profile image
ui-themes β€’

Nice

Thread Thread
 
sm0ke profile image
Sm0ke β€’

πŸš€πŸš€

Collapse
 
brijesh_dobariya profile image
Brijesh Dobariya β€’

Excellent, seems like just few clicks and project ready.

Collapse
 
sm0ke profile image
Sm0ke β€’

πŸš€πŸš€

Collapse
 
davidjeba profile image
davidjeba β€’

UI Templates are good, but can you create industry specific Starterkits also?

Eg: A Backend for AirBnB, A Backend for a multi tenant saas, A Vehicle Fleet management systems with GPS related plugins etc, An ecommerce platform like shopify with plugins/modules etc, A Backend for NFT Marketplace, A Backend for Whitelbel Game Portals [gamepix.com]

Tight integration with Firebase database and cloudflare
kepler.app/ like fluid UI frontend drag and drop designer

Mobile first Svelte Templates...

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay