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

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

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: npm run dev

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.

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

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.

• I updated the project's security and dependency quality by reducing vulnerabilities from 71 to 3. Updated Vite, React Router and development packages, resolved dependency conflicts and maintained compatibility with React 18 without introducing breaking changes.