FullStack Vue, React Apps - Open-Source, and Free

Hello Coder,

Thank you for landing on this page. This article presents a few full-stack apps, built in a two-tier architecture with React and Vue front ends. The source code, for all apps listed in this article is published on Github under the MIT license.

In case you will find the projects useful, feel free to grab the sources and code an amazing project.


Common Features

All full-stack apps share a common set of features, inherited for  the same app generation process implemented in the AppSeed service:

  • Two-Tier architecture (the front end and the back end are decoupled) and communicates via secure Ajax calls
  • The interfaces exposed by the back ends (Flask, Nodejs, Laravel) are generic and use the same paths and data structures.
  • The back ends uses an well know database (SQLite, MySql) and an ORM.
  • JWT authentication
  • MIT license
  • Basic tooling, Documentation and actively supported by the AppSeed platform.

Using a two-tier architecture, the font ends can be combined with any other boilerplate back end or a third party one (Serverless, Firebase .. etc).


Flask React - Material Design

This full-stack app is built using a decoupled architecture, where the React Material Design frontend communicates with the Flask backend through secure ajax call.

  • Flask backend, JWT token authentication
  • React Material Design crafted by the famous Creative-Tim agency.
  • Login and Registration features
  • MIT License

App links: demo, source, README (build instructions)

Flask React Material Design - Gif animated presentation.



Express React - Material Design

This full-stack app is built using a decoupled architecture, where the React Material Design frontend communicates with the Nodejs / Express backend through secure ajax call.

  • Express backend, JWT token authentication
  • React Material Design crafted by the famous Creative-Tim agency.
  • Login and Registration features
  • MIT License

App links: demo, source, README (build instructions)


Flask Vuejs - Argon Design

This full-stack app is built using a decoupled architecture, where the Vue Argon Design frontend communicates with the Flask backend through secure ajax call.

  • Flask backend
  • SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
  • JWT token authentication
  • Vue Argon Design crafted by the famous Creative-Tim agency.
  • Login and Registration features
  • MIT License

App links: demo, source, README (build instructions)

Flask Vuejs Argon Design - Gif animated presentation.


Express Vuejs - Argon Design

This full-stack app is built using a decoupled architecture, where the Vue Argon Design frontend communicates with the Nodejs / Express backend through secure ajax call.

  • Nodejs / Express backend
  • SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
  • JWT token authentication
  • Vue Argon Design crafted by the famous Creative-Tim agency.
  • Login and Registration features
  • MIT License

App links: demo, source, README (build instructions)

Express Vuejs Argon Design - Gif animated presentation.


In case you like some app listed in this page, just grab the code and build something amazing. All apps are released under the MIT license, and the code can be used for any kind of projects: hobby, eLearning, personal use or commercial.

Happy Coding!

Show Comments

Get the latest posts delivered right to your inbox.