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

Look a project using this boilerplate

Use has template

Or fork:

Customize pages how you need!

• Created using vite a very fast front-end tooling

• Firebase integration

• Login with google login

• Notification listeners

• Toasts with react-tostify

• zustand for state management

• Vitest for unit tests and code coverage collect

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.

npm install

Change firebase config to your credentials:

firebaseConfig documentation

  // ./src/services/firebase/firebaseConfig.ts
  const firebaseConfig = {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
  };

Allow origin in your firebase console firebase console

npm run dev

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

npm run test

vite pwa react zustand typescript firebase vitest tailwindcss

👤 Anderson Lima

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