Car Fix Client

Backend repository: https://github.com/Praneshchow/Car-fix-server

Tools and technology: React.js, React Router, Tailwind CSS, DaisyUI, Env Variables and Modes, Firebase.

Setup:

Npm install: npm install react-router-dom localforage match-sorter sort-by

Run live site: npm run dev

Install firebase: npm install firebase

Run the project:

Run the Project: npm run dev

Details:

dotenv: To prevent accidentally leaking env variables to the client. I use 'vite env vairable' to secure the key data in .env.local file.

Firebase: Firebase used for Authentication.

JWT: JSON Web Tokens method for representing claims securely between two parties. It mostly used for authorization.

Features:

• Authentication (Firebase)
• Private route and Navigation.
• Context API
• API data load.
• Database CRUD Operation. (create, read, update, delete)
• Security: JWT, dotenv.

Firebase Hosting

Firbase init: firebase init.

? Are you ready to proceed? Yes

? What do you want to use as your public directory? dist
? Configure as a single-page app (rewrite all urls to /index.html)? Yes
? Set up automatic builds and deploys with GitHub? No
+  Wrote dist/index.html
+  Firebase initialization complete!

C:\Users\Acer\OneDrive\Desktop\PROJECTS\the-news-dragon>npm run build
Then run this command: firebase deploy.

If I want to update the project. Just 2 steps to follow: build project, then again deploy it.