Appy

screenshot of Appy
vue

A full stack boilerplate web app

Overview

Appy is a full-featured boilerplate web app designed for MVP development. It offers an end-to-end solution, with the frontend built on Vue.js and the backend utilizing a Hapi server with a MongoDB datastore. Appy provides a user-friendly interface using the AdminLTE UI template.

Features

  • Full-featured boilerplate web app for MVP development
  • Frontend built on Vue.js
  • Backend implemented with a Hapi server using rest-hapi
  • Utilizes a MongoDB datastore
  • User-friendly interface with AdminLTE UI template

Docker Installation

  1. Rename backend/.env-docker-sample to backend/.env-docker and update any secrets or keys as needed.
    • Note: Do not commit the .env-docker file to your repository.
  2. Update values in backend/config/index.js as needed.
  3. Seed the database with data. This step is only required once.
  4. Run the app.
  5. Open your browser and go to http://localhost:3000/ to view the app or http://localhost:8080/ to view the Swagger API docs.

Manual Installation

Backend

  1. Install dependencies.
  2. Rename .env-sample to .env and update any secrets or keys as needed.
    • Note: Do not commit the .env file to your repository.
  3. Update values in backend/config/index.js as needed.
  4. Clear all data in the MongoDB database.
    • Warning: This will clear all data in the MongoDB database defined in restHapiConfig.mongo.URI (default mongodb://localhost/appy).
  5. Seed the database with some data.
    • Note: The password for all seed users is root.

Frontend

  1. Install dependencies.

Summary

Appy is a comprehensive web app boilerplate that offers a complete solution for MVP development. It has a user-friendly interface built on Vue.js and uses a Hapi server with a MongoDB datastore for the backend. With easy installation using either Docker or manual setup, appy provides a solid foundation for building web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.