How I’ve built 100+ open-source apps with automation tools
Tags: automation, opensource, devtools, dashboards
Published: 2019-09-07 17:52:50

---
title: How I’ve built 100+ open-source apps with automation tools
published: true
description: How I've built more than 100 apps in different languages and architectures using automation tools 
cover_image: https://raw.githubusercontent.com/app-generator/flask-pixel-bootstrap-uikit/master/media/flask-pixel-bootstrap-uikit-screen.png
tags: automation,  opensource, devtools, dashboards
---

Hello Coders,

I am a freelance developer and I've generated more than 100 apps in different languages and architectures, using automation **[developer tools](https://appseed.us/developer-tools/)**, **HTML parsing**, and simple UI-Ready **boilerplate code** enhanced with basic modules (authentication, database, tooling). 

The free ones are published on Github under MIT License (free, unlimited copies allowed) and I will mention a few here, in this article.

---

## About the automation process

I decided to build an automation workflow, based on my freelancing experience from the last two years, mostly based on the feedback and clients requirements:

- The clients constantly require a variety of designs to choose from
- Apps should be delivered in modern technologies (this makes my life easier, but is not true in all cases)
- Legacy apps migration to newer technologies using low budgets.

To solve all those problems and challenges I've built a semi-automated workflow:

- Extract components for various template engines (Jinja2, PUG, Blade) from flat HTML files using an HTML parser written in Python / BS4
- Inject the processed design into existing **boilerplate code**: Django / Flask Admin Dashboards, Static Sites, Jamstack, simple Flask Web Apps  
- Execute automatically a minimum set of tests using Puppeteer and Selenium.

--- 

## ✨ [Datta Able Django](https://appseed.us/product/datta-able/django/) `latest dashboard`

Admin Dashboard generated by the AppSeed platform in Django Framework on top of **Datta Able**, a modern Bootstrap 4 dashboard template. The Django codebase is provided with authentication, database, ORM, and deployment scripts.

- 👉 [Datta Able Django](https://appseed.us/product/datta-able/django/) - `Product page`
- 👉 [Datta Able Django](https://django-datta-able.appseed-srv1.com/) - `LIVE demo`

![Datta Able (enhaced with dark mode) - Open-Source Seed project generated by AppSeed.](https://user-images.githubusercontent.com/51070104/176118649-7233ffbc-6118-4f56-8cda-baa81d256877.png)

---

## ✨ [Django Material Kit](https://appseed.us/product/material-kit/django/) `latest app`

Designed for those who like bold elements and beautiful websites, **Material Kit 2** is ready to help you create stunning websites and web apps. `Material Kit 2` is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

- 👉 [Django Material Kit](https://appseed.us/product/material-kit/django/) - product page
- 👉 [Django Material Kit](https://django-material-kit.appseed-srv1.com/) - LIVE App

![Material Kit - Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/167396765-c88b7a95-155f-4236-8691-7b80fa2d9cd9.png)

---

## ✨ [React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) `fullstack`

Start your Development with an Innovative Admin Template for **Material-UI** and **React**. [Soft UI Dashboard React](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) 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. The product comes with a simple JWT authentication flow: login/register/logout. 

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative **Soft UI Design** - Crafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: `JWT Tokens`, 
- ✅ `OAuth` via GitHub
- ✅ Full-stack ready using: 
  - [Node API](https://github.com/app-generator/api-server-nodejs) `free product`
  - [Node API Mongo](https://github.com/app-generator/api-server-nodejs) `free product`

![React Soft Dashboard - Open-source full-stack product](https://user-images.githubusercontent.com/51070104/176936814-74386559-4e05-43d5-b9a4-8f70ce96a610.png)

---

## ✨ Full-stack [React Apps](https://appseed.us/apps/react/)

Project are built using the `two-tier` architecture pattern using React for the frontend part and different API servers powered by Node JS, Flask, Django. 

- 🔥 [React Node JS Berry](https://appseed.us/product/react-node-js-berry-dashboard) - full-stack seed project 
- 🔥 [React Node JS Soft Dashboard](https://appseed.us/product/node-js-react-soft-dashboard) - full-stack seed project
- 🔥 [Django React](https://appseed.us/product/django-react-datta-able) Datta - fullstack open-source sample

--- 

![Full-stack React Apps - generated by AppSeed.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2082m7intgm3utwq44pr.gif)

---

## ✨ [Flask Dashboards](https://appseed.us/admin-dashboards/flask)

All admin dashboards are coded in **Flask** Microframework with SQLite database, authentication ORM, and deployment scripts for Docker, HEROKU

---

- 🔥 [Flask Datta Able](https://appseed.us/admin-dashboards/flask-datta-able) - product page
- 🔥 [Flask Dashboard Argon](https://appseed.us/admin-dashboards/flask-boilerplate-dashboard-argon) - product page
- 🔥 [Flask Star Admin](https://appseed.us/admin-dashboards/flask-star-admin) - product page
- 🔥 [Atlantis Lite - Flask](https://appseed.us/admin-dashboards/flask-dashboard-atlantis-dark) - product page

---

![Flask Dashboard Argon - Open-Source Admin Dashboard](https://raw.githubusercontent.com/app-generator/flask-boilerplate-dashboard-argon/master/media/flask-boilerplate-dashboard-argon-screen.png)

---

## ✨ [Django Dashboards](https://appseed.us/admin-dashboards/django)

Simple Django starters enhanced with basic modules, authentication and deployment scripts. 

--- 

- 🔥 [Django Dashboard Argon](https://appseed.us/admin-dashboards/django-dashboard-argon) - product page
- 🔥 [Django Dashboard Volt](https://appseed.us/admin-dashboards/django-dashboard-volt) - product page
- 🔥 [Django Atlantis Dark](https://appseed.us/admin-dashboards/django-dashboard-atlantis-dark) - product page
- 🔥 [Django Star Admin](https://appseed.us/admin-dashboards/django-star-admin) - product page

---

![Django Atlantis Dark - Open-Source Admin Panel.](https://raw.githubusercontent.com/app-generator/django-dashboard-atlantis-dark-pro/master/media/django-dashboard-atlantis-dark-pro-screen.png)

---

## ✨ [Static Sites](https://appseed.us/static-site) 

Free & Commercial, prototyped on top of [Eleventy](https://www.11ty.io/) (11ty) and **Panini SSG**. Tooling: Webpack, Sass/SCSS, Babel, Light-server, PostCSS, CSSnano. 

---

- 🔥 [Eleventy Soft UI Design](https://appseed.us/product/eleventy-soft-ui) - product page
- 🔥 [Eleventy Soft UI Design](https://eleventy-soft-ui.appseed-srv1.com/) - LIVE Demo

---
 
![Eleventy Html5Up Dopetrope - Gif animated intro.](https://raw.githubusercontent.com/app-generator/eleventy-soft-ui-pro/main/media/eleventy-soft-ui-pro-intro.gif)

---

## ✨ [Flask Apps](https://appseed.us/apps/flask-apps) 

Free web apps built on top of well-known UI Kits, equipped with authentication, SQLite database, ORM, and a clean code-base. 

---

- 🔥 [Flask Pixel UI Kit](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit) - Free app built on top of an `accessibility first` UI Kit
- 🔥 [Flask App IraDesign](https://appseed.us/apps/flask-apps/flask-illustrations-iradesign) - product page
- 🔥 [Flask Pixel PRO](https://appseed.us/apps/flask-apps/flask-pixel-uikit-pro) - product page

---

![Flask Pixel PRO - premium UI Kit migrated to Flask.](https://raw.githubusercontent.com/app-generator/flask-pixel-pro/master/media/flask-pixel-uikit-pro-screen-1.png)

---

## Other (Generated) Apps and Boilerplates

- [Full-Stack](https://github.com/app-generator?utf8=✓&tab=repositories&q=fullstack) - two tier architecture with Vue, React frontend - MIT License
- Nodejs, Laravel and Flask [boilerplate code](https://github.com/app-generator/boilerplate-code) - MIT License

--- 

Next steps

- Enhance the [HTML parser](https://github.com/app-generator/html-parser) to convert legacy HTML design to Vue, React, Angular themes
- Generate themes for modern frameworks (GatsbyJS, Gridsome, HUGO) starting from a Bootstrap based design
- Design migrations from legacy CSS frameworks (Bootstrap) to Bulma and Tailwind.
- Add more boilerplates to be used in the pipeline: Django, Fastify .. you name it.

---

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

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products