DEV Community

Cover image for Stencil + Firebase + Stencil store boilerplate
Ranjeet Singh
Ranjeet Singh

Posted on

Stencil + Firebase + Stencil store boilerplate

Hello everyone ๐Ÿ‘‹,

This is my first post on Dev.to. I would like to share a Firebase + Stencil boilerplate.
I was searching for a good boilerplate to start with Firebase and Stencil but did not find any. So I thought to create my own one.

Git Hub repo link Stencil Firebase

In this boilerplate i tried to demonstrate how we can

  • Configure Firebase in stencil web application
  • Configure Stencil Store
  • Configure Stencil Router
  • Protecting routes
  • Implement Login/Register/Update Profile/Logout
  • Organised configuration in stencil application

Styling ๐Ÿ’€

For styling i have used scss, however i focus more on features than styling.

Folder Structure ๐Ÿ—„๏ธ

โ”œโ”€โ”€โ”€assets
โ”‚   โ”œโ”€โ”€โ”€icon
โ”‚   โ””โ”€โ”€โ”€scss
โ”œโ”€โ”€โ”€components
โ”‚   โ”œโ”€โ”€โ”€app-flash-message
โ”‚   โ”œโ”€โ”€โ”€app-home
โ”‚   โ”œโ”€โ”€โ”€app-root
โ”‚   โ”œโ”€โ”€โ”€auth
โ”‚   โ”‚   โ”œโ”€โ”€โ”€login
โ”‚   โ”‚   โ”œโ”€โ”€โ”€profile
โ”‚   โ”‚   โ””โ”€โ”€โ”€register
โ”‚   โ”œโ”€โ”€โ”€common
โ”‚   โ””โ”€โ”€โ”€page
โ”‚       โ””โ”€โ”€โ”€home
โ”œโ”€โ”€โ”€config
โ”œโ”€โ”€โ”€global
โ”œโ”€โ”€โ”€interface
โ”œโ”€โ”€โ”€services
โ”œโ”€โ”€โ”€store
โ””โ”€โ”€โ”€util

Please feel free to use it and feedback are always welcome.

Contributing ๐Ÿ‘

  • Pull requests and ๐ŸŒŸ stars are always welcome.
  • For changes, please open an issue first to discuss what you would like to change.

Contact ๐Ÿ“ฉ
๐Ÿ“ง ranjeetsingh.bnl@gmail.com

๐Ÿฆ Twitter @ranjeetsingh_bl

๐Ÿ’ผ Linkedin @ranjeetsinghbnl

Top comments (0)