Boilerplate : PWA project using vite, react, context Api, vitest and firebase
✨ Demo
Look a project using this boilerplate
Use has template
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:
// ./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