Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/kefranabg/bento-starter

:bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
https://github.com/kefranabg/bento-starter

circleci firebase firebase-auth firebase-firestore firebase-hosting offline prerendering pwa service-worker starter template vuejs vuex

Last synced: 3 months ago
JSON representation

:bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase

Lists

README

        


Npm version
CircleCI
Documentation
Maintenance
Dependencies
DevDependencies
License: MIT

Welcome to bento-starter :wave:


Bento-starter


> :bento: **bento-starter** is an Open-Source Full-Stack solution that helps you to build fast and maintainable web applications using tools like Vue.js, Firebase, Progressive Web Apps support, dynamic offline support... The goal of this project is to provide a powerful and well configured stack (with CI/CD, hosting...) so you can focus on writing your web application very quickly.

> As this project is a template project and not a CLI, you have access to the entire app configuration so you can change it according to your needs.

## :book: Documentation

Want to setup this stack ?

:point_right: The full documentation is available [here](https://bento-starter.netlify.com/)

## Demo

:point_right: [https://bento-starter.firebaseapp.com](https://bento-starter.firebaseapp.com)

Install the PWA demo from Google Play Store :point_right: [bento-starter Google Play Store](https://play.google.com/store/apps/details?id=com.bentostarter.bentostarterdemo)



demo


**Lighthouse score :**

![Lighthouse score](https://raw.githubusercontent.com/kefranabg/bento-starter/master/resources/lighthouse-score-report.jpg)

**Optional preconfigured Github Actions workflow :**

- :heavy_check_mark: Check tests and quality
- :gear: Build the project
- :rocket: Deploy to firebase hosting

**The stack is made up of :**

- :metal: [Vue.js](https://vuejs.org/) : front-end framework
- :wrench: [Vue-cli](https://cli.vuejs.org/) : standard tooling for vue.js development
- :repeat: [Vuex](https://vuex.vuejs.org/) : state management
- :floppy_disk: [Firestore](https://firebase.google.com/products/firestore/) : cloud NoSQL Database
- :house: [Firebase hosting](https://firebase.google.com/products/hosting/) : fast and secure web hosting
- :bust_in_silhouette: [Firebase authentication](https://firebase.google.com/products/firestore/) : for easy authentication
- :iphone: [PWA](https://www.npmjs.com/package/@vue/cli-plugin-pwa) : progressive web app support
- :lipstick: [Prettier](https://prettier.io/) : code formatting rules
- :rotating_light: [Eslint](https://eslint.org/) : control code quality
- :white_check_mark: [Jest](https://jestjs.io/) : unit testing
- :white_check_mark: [Cypress](https://www.cypress.io/) : e2e testing
- :mag: [Vue head](https://github.com/ktquez/vue-head) : meta description per page
- :page_facing_up: [Optional][prerender spa plugin](https://github.com/chrisvfritz/prerender-spa-plugin) : pages prerendering
- :green_heart: [Optional][circleci](https://circleci.com/) : continuous integration/deployment
- :package: [Optional][bundlesize](https://github.com/siddharthkp/bundlesize) : control your js bundles sizes

**App embedded features :**

- :bust_in_silhouette: Google authentication
- :mobile_phone_off: Offline support (dynamic & static caching)
- :new: `New version available` prompt on new app deployments
- :heavy_plus_sign: `Add to home screen` prompt for ios & android
- :leftwards_arrow_with_hook: Smart redirection for auth protected routes
- :sparkles: Products page example to demonstrate app data management with firestore and vuex
- :muscle: Better PWA support for all browsers with [PWACompat](https://github.com/GoogleChromeLabs/pwacompat)

## ✨ Contributors


Thomas Betous
Thomas Betous

💻 📖 💬 🤔 👀 🚧
Franck Abgrall
Franck Abgrall

💻 📖 💬 🤔 👀 🚧
Thibaud Courtoison
Thibaud Courtoison

📖
Mathias Bernardeau
Mathias Bernardeau

💻 🤔
James Perkins
James Perkins

💻 🐛 💬
Antoine CELLIER
Antoine CELLIER

💻
0xflotus
0xflotus

📖


Gr3gory B3van
Gr3gory B3van

🤔
Roy Bakker
Roy Bakker

🐛
Adam Bar
Adam Bar

🤔
Chidindu Ogbonna
Chidindu Ogbonna

💻
Vincent Bourdeau
Vincent Bourdeau

💻

## Show your support

⭐️ this repo

## 💬 Chat

Want to chat with us ? 👉 [join bento-starter slack](https://join.slack.com/t/bento-starter/shared_invite/enQtNjE5OTI5MzQyMTE3LTQ1N2M0NzAxYWM1OTJmYTA4YTIxMmM4MDhiNTI0MGNjZGIyNDFjY2UwNjE2Nzc3NzMzMzViOTYyOGViYjkxYzY)

## License

This project is [MIT](https://github.com/kefranabg/bento-starter/blob/master/LICENSE) licensed.