loading...
Cover image for How I’ve built 200+ open-source apps with automation tools

How I’ve built 200+ open-source apps with automation tools

sm0ke profile image Sm0ke Updated on ・6 min read

Hello Coders,

I am a freelance developer and I've generated more than 200 apps in different languages and architectures, using automation developer tools, HTML parsing, and simple UI-Ready boilerplate code enhanced with basic modules (authentication, database, tooling).

All web apps are published on Github and I will mention a few here, in this article.


Full-list with the generated web apps are listed on AppSeed domain, sorted by categories: admin dashboards, SSG starters, JAMstack apps. Most of them are free and published on Github. Thank you!


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:


Latest Flask Dashboard - Black Design

A simple admin panel coded in Flask, on top of a free black design released under the MIT license by Creative-Tim. App Features:

  • SQLite, PostgreSQL, SQLAlchemy ORM
  • Alembic (DB schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login)
  • Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx

Links

Flask Dashboard Black - App ScreenShot.


Latest Django Dashboard - Argon design

A simple admin panel coded in Django, on top of a free black design released under the MIT license by Creative-Tim. App Features:

  • UI-Ready app, SQLite Database, Django Native ORM
  • Modular design, clean code-base
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx

Links

Django Dashboard - Argon Design.


#Open-Source Admin Dashboards

All admin dashboards are coded in Flask Microframework with SQLite database, authentication ORM and basic tooling - for the full list, please access: free and open-source admin panels

Flask Dashboard Modular Admin - Open-Source Admin Dashboard


#Django Admin Dashboards

Open-source admin panels coded on top of Django Framework with a basic set of features:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based Authentication (login, register)
  • Forms validation
  • UI-Ready: Black Design, Material Kit, Argon

Django Admin Panels

Django Dashboard Material Design - Open-Source Admin Panel.


#Flask Admin Dashboards

Simple admin panels coded on top of popular and free UI-Kits, generated with authentication, database, ORM, helpers, and deployment scripts

Flask Atlantis Dark - Open-Source Admin Panel.


#Static Sites

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

Eleventy Html5Up Dopetrope - Gif animated intro.


#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 Paper Kit - Gif animated intro.


#Full-Stack Web Apps

Web apps built-in two-tier architecture where the UI is decoupled from the backend.

Full-Stack Web App coded in React with Express Backend.


 #JAMstack Apps

More than 40 apps with the design provided by well-known web agencies:

JAMstack Lens - Open-Source JAMstack Starter.


Other (Generated) Apps and Boilerplates

  • Full-Stack - two tier architecture with Vue, React frontend - MIT License
  • Nodejs, Laravel and Flask boilerplate code - MIT License

Next steps

  • Enhance the 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 in advance for your feedback.

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

markdown guide
 

So you've automated parts of legacy app migration? That's pretty cool.

 

Is not fully automated but I hope to improve the process until the end of the year to cut entirely the manual work.
The progress depends on many factors.

Thank you for your interest.

 

Great work, we are working on a project like this to generate nodejs apps, but searching in you repositories we can see that the source code of the generator is not opensource even if you're using opensource softwares
How can we take a look at the code ?

subscribe for more

 

Hello Nazim,
The service uses two modules embedded into the platform, not open-sourced, mostly for the commercial value.

To give you an insight, I've spent more than 1y to develop the core of the platform. Even is not obvious at first look, it was a huge amount of R&D work and continuous prototyping. If you want, you may read more on this article:
App Generator - The Modern Way

Thank you for your kind words.
Yours, .. <('_')> ..

 

Are you interested in a side contract ? Please connect with me on LinkedIn.
ShawnEbbs from @dnsnetworks

 

Hello Shawn,
Yes, we can have a chat. See u there.
Thank you!

 

This is very cool

I'm hoping get some solid Jamstack boilerplates together for myself soon so will be in really useful.

 
 

thank you for the notice!