Skip to content

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

License

Notifications You must be signed in to change notification settings

kefranabg/bento-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

60 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Npm version CircleCI Documentation Maintenance Dependencies DevDependencies License: MIT

Welcome to bento-starter πŸ‘‹

Bento-starter


🍱 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.

πŸ“– Documentation

Want to setup this stack ?

πŸ‘‰ The full documentation is available here

Demo

πŸ‘‰ https://bento-starter.firebaseapp.com

Install the PWA demo from Google Play Store πŸ‘‰ bento-starter Google Play Store


demo


Lighthouse score :

Lighthouse score

Optional preconfigured Github Actions workflow :

  • βœ”οΈ Check tests and quality
  • βš™οΈ Build the project
  • πŸš€ Deploy to firebase hosting

The stack is made up of :

  • 🀘 Vue.js : front-end framework
  • πŸ”§ Vue-cli : standard tooling for vue.js development
  • πŸ” Vuex : state management
  • πŸ’Ύ Firestore : cloud NoSQL Database
  • 🏠 Firebase hosting : fast and secure web hosting
  • πŸ‘€ Firebase authentication : for easy authentication
  • πŸ“± PWA : progressive web app support
  • πŸ’„ Prettier : code formatting rules
  • 🚨 Eslint : control code quality
  • βœ… Jest : unit testing
  • βœ… Cypress : e2e testing
  • πŸ” Vue head : meta description per page
  • πŸ“„ [Optional]prerender spa plugin : pages prerendering
  • πŸ’š [Optional]circleci : continuous integration/deployment
  • πŸ“¦ [Optional]bundlesize : control your js bundles sizes

App embedded features :

  • πŸ‘€ Google authentication
  • πŸ“΄ Offline support (dynamic & static caching)
  • πŸ†• New version available prompt on new app deployments
  • βž• Add to home screen prompt for ios & android
  • ↩️ Smart redirection for auth protected routes
  • ✨ Products page example to demonstrate app data management with firestore and vuex
  • πŸ’ͺ Better PWA support for all browsers with 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

License

This project is MIT licensed.