app-generator / docs

App Generator - The Official Documentation | AppSeed

description
The official documentation of the service.

AppSeed

Research and Innovation-oriented StartUp for developers - Read more about the team and service terms.

About

AppSeed is a platform that uses in-house developed automation tools to cut the manual work usually involved in web development.

The App Generator is an automated workflow that consumes flat, lifeless UI Kits and builds starters in different patterns and languages: MVC, two-tier architecture, full-stack,SPA ..etc.

👉 Read the full story published on Medium

The product is self-funded, mainly driven by open-source and comunity members connected to the service via diferrent funnels (Email, Newletter) and Discord (1k+ members).

Services and Products

• 🚀 PRO Accounts via $49/yr (annual subscription)
  • 40%OFF applicable to all products & licenses
  • 24/7 fast support via Email and Discord
  • Private Access to all internal tools: OpenAPI Editor, parsers and generators.
• 🎁 Permanent Discounts: Black PRO, Argon BS4 PRO, Gradient Able
• ✅ App Generator - build full-stack apps (free service)
• ✅ OpenApi - in-browser editor (free service)
• ✅ Developer tools: Dynamic Services and API generators
• ✅ Pre-Built admin dashboards - free & paid
• ✅ Free Apps of Flask, Django, React and FastAPI
• ⚙️ Two tiers Support:
  • Free: monday-friday, Email & Discord, 10-18 EET
  • PRO: 24/7 fast support 🚀, PRO accounts ONLY

Rocket Django Tailwind

The Django boilerplate has all you need to build your SaaS, Analytics tool, or any other type of Web App. From idea to production in 5 minutes.

Features: Django • Tailwind • API (DRF) • Celery Beat • DataTables • Charts • Docker • CI/CD.

Free Version	PRO Version	Custom Development
✓ Django 4.2.9	Everything in Free, plus:	Everything in PRO, plus:
✓ Best Practices	✅ OAuth GitHub	✅ 1mo Custom Development
✓ TailwindCSS/Flowbite	✅ Enhanced Charts	✅ Team: PM, Developer, Tester
✓ Extended User Model	✅ Enhanced DataTables	✅ Weekly Sprints
✓ Simple Charts	✅ Media Files Manager	✅ Technical SPECS
✓ Simple DataTables	✅ Multi-Language (i18n) Support	✅ Documentation
✓ API via DRF	✅ Sentry Error Reporting	✅ 30 days Delivery Warranty
✓ Celery Beat	✅ PRO Support - Email & Discord	-
✓ Docker	✅ Unlimited Projects	-
✓ CI/CD Flow via Render	✅ Private REPO Access	-
✓ Free Support (GitHub Issues)	✅ Lifetime Updates	-
-	-	-
------------------------------------	------------------------------------	------------------------------------
🚀 LIVE Demo	🚀 LIVE Demo	🛒 Order: $3,999 (GUMROAD)

docs's Issues

Django - Backup / Restore Mechanism

Raised in support (Discord) for Django Material Kit

The library mentioned by the user is:

https://django-dbbackup.readthedocs.io/en/master/installation.html

To be checked & tested.

Django Flash Messages - Sample project

Feature asked in support (email)

Todo Items: sample project

Ubuntu - Getting Started

Related DOCS page: Getting Started with Ubuntu

Topics

• Ubuntu a short history
• Ubuntu How to install it
  • Laptop (using a bootable image)
  • In a virtual machine via VirtualBox
• How to manage the system using the CLI
  • sudo
• Install the recommended packages for programming
• How to add/remove users via CLI
• How to install packages
• How to install MySql
• How to install Python3
• How to install Mysql
• How to install PostgreSQL
• How to install Redis
• How to install Mongo
• Services: how to create/suspend a service
• CRON: create, list, and remove jobs

Dark Mode Switcher - icon not visible in white mode

Hello @kiptoo

The dark mode switcher Icon is not visible on WHITE Mode Active.

Please take a look.

Ty!

Javascript - HTML DOM Simplified

Related DOCS page

• Javascript - HTML DOM Simplified

Django Soft PRO - Wizard Feature

Asked in support

Related issue: app-generator/django-soft-ui-dashboard-pro#2

ENH - Dark Mode Management

Hello @kiptoo

The Dark-MOde usage should be the following:

• app starts in white mode at first access
• the theme (dark or light) should be persistent across access:
  • if the user leaves the site in dark mode, the dark mode should be active when the returns
  • same for the white-mode

Please take a look. Ty!

Django & Docker - Added DB Persistence

Asked in Discord

• Related Issue: app-generator/django-soft-dashboard-tailwind#3
• Coding Sample: https://github.com/app-generator/sample-django-docker-db-persistence
• DOCS Page: https://github.com/app-generator/docs/blob/main/docs/technologies/django/database-docker-persistence.mdx

@sgnd, please take a look.

TY!

404 Event - Not Triggered

Hello @kiptoo

Seems that the 404 event is not properly handled or is not active.
This case is not managed at DOCS level and seems to be handled by the hosting server.

Please take a look. Ty!

Javascript - Classes & Objects

Related DOCS page

• Working with JavaScript variables Classes and Objects
  • let, var, classes, and all important concepts

Deploy DO Django

• same sections as for GCP & AWS
• Sample project:
  • https://github.com/app-generator/deploy-do-django

@sgnd, please proceed with the task.

TY!

Django - Simple Charts

Links:

• DOCS Page: https://docs.appseed.us/technologies/django/charts-simple/
• Sample REPO: https://github.com/app-generator/django-simple-charts

Topics

• Set UP a basic Django project
• Install Material Design
• Create a Sales Model with fields:
  • product, string
  • price, int
  • currency, string (usd, eur)
  • country, string
  • purchase_date, Unix timestamp
• The main page will showcase three charts:
  • Bar Chart
  • Line Chart
  • PIE Chart
• Full implementation as for beginners
  • The information is computed on the server side

Missing Files On Production Build-(/developer-tools/apps/models.py)

Flask - Manage a Production ENV

Asked in support (Discord)

• related page: https://github.com/app-generator/docs/blob/main/docs/technologies/flask/production-checklist.mdx

Deploy Django on DjangoEurope.com - Pixel Free

The docs need to be updated to provide a minimal step-by-step guide for deploying Pixel Free on DjangoEurope.com

Starter used for this effort: https://github.com/app-generator/django-pixel

The page in the documentation is this one:

https://github.com/app-generator/docs/blob/main/docs/deployment/djangoeurope/django.mdx

Django - How to integrate with MongoDB

Step by Step tutorial

• DOCS page: https://github.com/app-generator/docs/blob/main/docs/technologies/django/integrate-mongodb.mdx
• Sample project: https://github.com/app-generator/how-to-integrate-django-with-mongo

Topics

• What is MongoDB
• Why is different compared with relational DBMS like MySql, PostgreSQL
• Instal MongoDB
  • For Windows
  • For Linux, Ubuntu
• Set up a basic Django project
• Add dependencies for MongoDB
• Update configuration & the project to use the connection
• Create a superuser
• Access the ADMIN Section
• Visualize the data in MongoDB
• Style the project using Soft Admin Theme
  • https://github.com/app-generator/django-admin-soft-dashboard
• Conclusions
• Resources Section

JS/React/NextJs - Topics Planning

Hello @dha-stix

The documentation needs to have coherent planning regarding:

• Javascript: 10 topics (starting from simple ones)
• React: 10 topics (starting from simple ones)
• NextJS: 10 topics (starting from simple ones)

The planning needs to take care of the correlation between the frameworks.
Some input already published on AppSeed Blog that can be used to structure the information

• JavaScript Basics and Cheat Sheet
• 10 JavaScript concepts for React Beginners

The new topics need to be added on these pages:

• technologies/javascript/README.mdx
• technologies/react/README.mdx
• technologies/next-js/README.mdx

Please proceed with the task.
Ty!

Production Build

Hello @kiptoo

the production build bumps errors.

$ yarn build

Please take a look. ty!

---

Layout (HomePage) - Not mobile friendly

Hello @kiptoo,

The homepage needs optimization for mobile.

Please take a look.

Ty!

---

Theme Integration in BootstrapStudio.io

Asked in Support (Discord)

A step-by-step integration tutorial or simply a KIT that can be imported with ease.

Django - How to DEBUG

The docs need to be enhanced with a new page that explains how to debug and use logging in a real-life Django app.

• Sample Project: https://github.com/app-generator/sample-django-debug
• DOCS Page: docs/technologies/django/how-to-debug.mdx

Django - How to integrate with Celery

Step by Step tutorial

• DOCS page: https://github.com/app-generator/docs/blob/main/docs/technologies/django/integrate-celery.mdx
• Sample project: https://github.com/app-generator/sample-django-tasks-manager

Topics

Be creative ..

Deployment Azure Django

e documentation needs to be updated to cover this use case

• DOCS page:
  • docs/deployment/azure/django.mdx

Flask Google OAuth - Material Kit Design

Asked in support (Discord)

• DOCS page: Flask Google OAuth
• Sample: https://github.com/app-generator/flask-google-oauth

Hello @BenFaruna!

Please proceed with this task. Ty!

Django Soft PRO - Color picker

Asked in support

Related issue: app-generator/django-soft-ui-dashboard-pro#3

UPD Django Section - Getting Started, Popular Modules

Hello @BenFaruna

The Django section needs to be updated with relevant data:

• technologies/django/getting-started.mdx
• technologies/django/popular-modules.mdx
  • 10 great tools/libraries that every Django developer should know

Ty!

Javascript - Spread Operator

• Docs PAGE:
  • https://github.com/app-generator/docs/blob/main/docs/technologies/javascript/spread-operator.mdx

INPUTS:

• https://www.educative.io/answers/what-is-the-spread-operator-in-javascript
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
• https://www.programiz.com/javascript/spread-operator
• https://medium.com/coding-at-dawn/how-to-use-the-spread-operator-in-javascript-b9e4a8b06fab
• https://www.javascripttutorial.net/es6/javascript-spread/

The content needs to be useful and distinct from the above INPUTs.

Datta Able PRO DJANGO - Implement persistent Dark Mode

Datta Able PRO needs to be enhanced with a persistent Dark Mode just like the free version (local storage)

Free version: https://github.com/app-generator/django-datta-able

Project Milestones & Quality Check

This is the general tracker (not a real issue)

The tasks & the associated priority

• Phase 1: Code the Docusaurus core
• Phase 2: Migrate the Basic structure from the source directory
  • README
  • support
  • boilerplate-code
    • all levels
• Phase 3: Code a nice theme
• Phase 4: Migrate entire content

For questions please contact AppSeed via < support @ appseed.us >

GitBook to Docusaurus - Migration Guide

hello @kiptoo

The migration from GitBook to Docusaurus should be fully documented in this document: (saved in the root of the project)

https://github.com/app-generator/docs/blob/main/README_Migrate_Gitbook.mdx

Ty!

Run on Replit - Flask (Soft Design)

Asked in support (Discord)

Related assets:

• DOCS Page: https://github.com/app-generator/docs/blob/main/docs/technologies/flask/run-on-replit.mdx
• Related Sample: https://github.com/app-generator/flask-soft-ui-dashboard

RUST - Getting Started

A kick-off section needs to be added in a dedicated section:

• Getting Started with Rust
  • https://github.com/app-generator/docs/blob/main/docs/technologies/rust/getting-started.mdx
• A free sample is provided here:
  • https://github.com/app-generator/rust-starter

HOMEpage Mobile Issue

Hello @kiptoo

On mobile, the HOMEpage has a strange, unoptimized layout.

Please take a look.
Ty!

Deployment HEROKU Django

Asked in support (email) by a paying user

DJANGO logging & Debug

Asked in support via Email - preferred OS Windows.

Input for the tutorial:

• https://linuxhint.com/how-to-use-django-logging/
• https://stackoverflow.com/questions/1118183/how-to-debug-in-django-the-good-way

---

The delivery:

• Django Sample: https://github.com/app-generator/sample-django-debug
• DOCS Page: How to DEBUG Django

Docker AUTO Reload on code changes

Related issue: app-generator/django-corporate-dashboard#1
Coding sample: https://github.com/app-generator/django-corporate-dashboard
DOCS Page: https://github.com/app-generator/docs/blob/main/docs/technologies/django/docker-auto-reload.mdx

Django Soft PRO - Persistent Dark-Mode

Asked in support (email)

A solution for persistent dark mode needs to be provided for the PRO version.

• server-side
• browser local storage

Related issue: app-generator/django-soft-ui-dashboard-pro#5

PROD Review - React Argon Dashboard MUI

Hello @BenFaruna

A complete review of this product is required. Please take a look.

• Argon Dashboard MUI

Related DOCS page:

https://github.com/app-generator/docs/blob/main/docs/content/react-template/argon-dashboard-mui.mdx

TY!

CentOS - Getting Started

Related DOCS page: Getting Started with CentOS

Topics

• Ubuntu a short history
• Ubuntu How to install it
  • Laptop (using a bootable image)
  • In a virtual machine via VirtualBox
• How to manage the system using the CLI
  • sudo
• Install the recommended packages for programming
• How to add/remove users via CLI
• How to install packages
• How to install MySql
• How to install Python3
• How to install Mysql
• How to install PostgreSQL
• How to install Redis
• How to install Mongo
• Services: how to create/suspend a service
• CRON: create, list, and remove jobs

Berry React - How to use breadcrumbs

Asked in Support (discord)

https://github.com/app-generator/react-berry-dashboard

Django - Charts via Plotly

Links:

• DOCS Page: https://docs.appseed.us/technologies/django/charts-plotly/
• Sample REPO: https://github.com/app-generator/django-plotly-charts

Topics

• Set UP a basic Django project
• Install Material Design
• Create a Sales Model with fields:
  • product, string
  • price, int
  • currency, string (usd, eur)
  • country, string
  • purchase_date, Unix timestamp
• The main page will showcase three charts:
  • Bar Chart
  • Line Chart
  • PIE Chart
• Full implementation for beginners
  • The information is computed on the server side using Plotly

Django - API and Chart.JS

Links:

• DOCS Page: https://docs.appseed.us/technologies/django/charts-via-api/
• Sample REPO: https://github.com/app-generator/django-api-and-chart-js

Topics

• Set UP a basic Django project
• Install Material Design
• Create a Sales Model with fields:
  • product, string
  • price, int
  • currency, string (usd, eur)
  • country, string
  • purchase_date, Unix timestamp
• The main page will showcase three charts:
  • Bar Chart
  • Line Chart
  • PIE Chart
• Full implementation for beginners
  • The information is served via an API using API Generator Library
  • Charts are rendered via https://www.chartjs.org/

JS Errors in the Browser

hello @kiptoo

On accessing the homepage, the JS browser console bumps errors.

Please take a look.
Ty!

Flask SocketIO - Docs & Sample

Asked in support via Discord

DOCS: https://docs.appseed.us/technologies/flask/socketio/
Coding Sample: https://github.com/app-generator/sample-flask-socketio

Django NEW Features: Multitenant , Payments. User MNGM

Request made in support (email) paying user

• User and team management
• Multitenant setup
• Payment integration for recurring payments

Deployment GCP Django

The documentation needs to be updated to cover this use case

• sample to be updated:
  • https://github.com/app-generator/deploy-gcp-django
• DOCS page:
  • deployment/google-cloud-platform/django.mdx

Django Google OAuth, Auth0 backend - For Pixel

Feature requested in support (Discord)

Django Soft DASH PRO - Kanban, adding rows

Raised in support (Discord)

Deployment AWS Django

The documentation needs to be updated to cover this use case

• DOCS page:
  • docs/deployment/aws/django.mdx

Django: Wizard steps & options

I'd like to see how I can display different options based on selections with the Wizard plugin. An example is getting user's interests to show them articles relating to the selected topics. In this scenario the first step will ask the user to select topics (Tech, Business, ....). If the user select Tech and clicks next then sub categories inside of Tech will be displayed for selection like Programming, Hardware, Security. Since the user didn't select business in the first step then the second step will omit selections under business like Marketing, Sales or Leadership.

The options should come from the database and the options selected should be commited to the DB as well.

I am looking for a doc that shows how to do conditional JS and tie it to the Wizard plugin.

Thanks!