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

Latest comments (0)