React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the TS template to integrate TypeScript and typescript-eslint in your project.

Required Frontend Packages

1. npm create vite@latest

2. npm install

3. npm install react-router-dom

4. npm install react-router

5. npm install zustand

6. npm install --save react-toastify

7. npm install -g npm@11.1.0

8. npm install firebase

9. npm i react-spinners

10. npm install js-cookie

11. npm install react-icons --save

12. npm install jspdf jspdf-autotable

Output & Production File

npm run dev
npm run build

Firebase Database

Firebase is a Backend-as-a-Service (BaaS) platform developed by Google that provides a suite of tools to help developers build and manage web and mobile applications without needing to set up complex backend infrastructure. It offers various services like authentication, real-time databases, cloud storage, hosting, and analytics.

Key Features of Firebase

1. Authentication – Provides easy sign-in options using Google, Facebook, email/password, and more.

2. Realtime Database – A NoSQL cloud database that updates data in real time.

3. Firestore (Cloud Firestore) – A scalable NoSQL database for storing and syncing data.

4. Cloud Storage – Stores and serves files like images, videos, and documents.

5. Hosting – Fast and secure web hosting with automatic SSL and custom domain support.

6. Cloud Functions – Allows running server-side code in response to Firebase events.

7. Firebase Analytics – Provides insights into app usage and user behavior.

8. Push Notifications (Firebase Cloud Messaging - FCM) – Enables sending notifications across multiple platforms.

9. Remote Config – Helps update app settings without deploying a new version.