Welcome to react boilerplate 👋

Boilerplate : PWA project using vite, react, context Api, jest and firebase

✨ Demo

Look a project using this boilerplate

Using

Use has template

Or fork:

Customize pages how you need!

✨ Features ✨:

• Created using vite a very fast front-end tooling

• Firebase integration

• Login with google login

• Notification listeners

• Context API for state management + reducer

• JEST for unit tests and code coverage collect

Boilerplates

Boilerplates are pre-made templates or frameworks that contain a foundational structure, configurations, and often basic functionalities for a particular type of project. They're designed to help kick-start development by providing a starting point, allowing developers to avoid repetitive setup tasks and focus on building specific features.

Install

npm install

Config

Change firebase config to your credentials:

firebaseConfig documentation

  const firebaseConfig = {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
  };

Allow origin in your firebase console firebase console

Run

npm run dev

Open link in your favorite your browser: http://localhost:5173

Run tests

npm run test

Technologies and strategies:

vite vite.env pwa react context api typescript firebase jest scss

Author

👤 Anderson Lima

• Website: lemon.dev.br
• Twitter: @andersonlimahw
• Github: @andersonlimahw
• LinkedIn: @andersonlimahw