feat: add Firebase integration and update UI components with animations and styles

- Added Firebase dependency to package.json
- Implemented Firebase initialization in firebase.ts
- Updated App.tsx to enhance UI with hover effects and animations for various components
- Created a new empty reviewsApi.ts file for future API integration
This commit is contained in:
2025-06-14 18:44:46 -05:00
parent 78077c1931
commit 3a92598dbf
5 changed files with 1042 additions and 22 deletions

22
firebase.ts Normal file
View File

@@ -0,0 +1,22 @@
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyDjjh1mePjkVmSq6jSQLQ99bsqIPHuotLU",
authDomain: "portfolio-ff4f6.firebaseapp.com",
projectId: "portfolio-ff4f6",
storageBucket: "portfolio-ff4f6.firebasestorage.app",
messagingSenderId: "44240859214",
appId: "1:44240859214:web:094f0ab145c1910cde931f",
measurementId: "G-FLETQXV0G5"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
export { app, db };