100+ Open-Source Apps - Built with tools and boilerplate code

Published Sep 14, 2019Last updated Feb 26, 2021

Hello Coders,

This article presents a short-list with open-source apps coded in different technologies (JAMstack, Flask, Full-Stack) using a semi-automated process. I decided to used tools in my daily workflow based on my freelancing experience from the last two years, mostly based on the feedback and clients requirements:

For new projects, the clients usually require a variety of designs to choose from
Apps should be delivered in modern technologies
Legacy apps migration to newer technologies using low budgets

To solve this short-list with challenges, I decided to build automation tools to speed up the development flow and a cut a few repetitive and time-consuming tasks.

In a rush? the 100+ open-source apps generated using tools are published on this repository on Github, sorted by topology: admin dashboards, jamstack, flask, full-stack. Thank you & Happy coding!

The automation process

To solve the desing problem, I started to look for providers that released nice products under permissive licenses (MIT, LGPL) and affordable prices. My short list, regarding this point: Creative-Tim, Html5Up, Pixelarity.

The next step was to build an HTML parser to transform flat HTML files into production-ready templates for various template engines: PUG, Jinja2, Blade (laravel).

Third step - code simple boilerplates in various architectures and Frameworks: Flask, Nodejs, Laravel and Full-Stack, equipped with a few basic features:

Database SQLite or MySql
An ORM to manage the database records with ease
Authentication flow (login & register)
Basic tooling and script to automate the deployment and production build

Apps generated using this workflow

All apps (free & commercial) are released as open-source projects on this repository, published on Github.

JAMstack apps

What is JAMstack (a short note for newcomers): JAMstack stands for JavaScript, APIs, and Markup. The term was coined by Mathias Biilmann to describe a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. The short list with apps coded using this pattern:

JAMstack Paper Kit: a beatiful UI coded in JAMstack pattern, released under the MIT license.
JAMStack Now UI Kit - simple presentation app with NowUI design (MIT license)

JAMStack Now UI Kit - Gif animated intro.

Flask Apps

What is Flask (a note for beginners): Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications. It is classified as a microframework because it does not require particular tools or libraries.

Flask Material Kit - a minimal Flask boilerplate enhanced with authentication, ORM and basic tooling (MIT license)
Flask Argon Design - MIT License and fully-coded.

All Flask apps, shared a common file structure:

Flask Boilerplate - File structure.

In case you want to build Flask Argon boilerplate, without leaving this page, just type:

$ # clone the repo

$ git clone https://github.com/app-generator/flask-argon-design-system.git
$ cd flask-argon-design-system

$ # install the dependencies
$ pip install -r requirements.txt

$ # create the database (using Flask shell)

$ flask shell
$ >>> from app import db
$ >>> db.create_all()

$ flask run

$ # App is running on http://localhost:5000

If all goes well, you should see the app running in the browser:

Flask Argon Boilerplate - Gif animated Intro.