Giter Club home page Giter Club logo

bento-starter's Introduction

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.

bento-starter's People

Contributors

0xflotus avatar bricegomis avatar chidindu-ogbonna avatar errorname avatar hcmlopes avatar kefranabg avatar mbernardeau avatar tbetous avatar vincentbourdeau avatar yannbertrand avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bento-starter's Issues

App stuck on blank page after auth redirection

Describe the bug
App stuck on blank page after auth redirection with a specific scenario on Android.

To Reproduce
Steps to reproduce the behavior:

  1. Open app in android browser
  2. Click add to home screen button but stay on the browser page
  3. Now login
  4. User will be stuck on a blank page

Expected behavior
User should be redirect to the app with browser or web apk.

Smartphone (please complete the following information):

  • Device: Honor 8x
  • OS: Android
  • Browser Chrome

Login should not be possible offline

When I am offline and not logged in. When I click on product, the view is redirected to login and I have the posibility to log with google.

This should not possible.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.