🔐 Firebase Login Authentication (React + Firebase)

Modern authentication app using Firebase (Email/Password + Google), React Router, and custom styled CSS buttons powered by uiverse.io

---

⚙️ Tech Stack Used

---

📂 Project Structure

firebase-login-authentication/
├── public/
│   └── index.html
├── src/
│   ├── component/
│   │   ├── Login.jsx
│   │   ├── Register.jsx
│   │   ├── Home.jsx
│   │   └── ForgetPassword.jsx
│   ├── firebase/
│   │   └── config.js
│   ├── App.jsx
│   ├── App.css
│   ├── main.jsx
│   └── index.css
├── .env               <--- Do NOT commit this
├── .gitignore
├── package.json
├── vite.config.js
└── README.md

---

🔐 Features

• ✅ Email + Password Login
• ✅ Google Authentication (via Firebase popup)
• ✅ Forget Password (reset via email)
• ✅ Conditional Redirects
• ✅ Auth-Protected Home Page
• ✅ Form validation with error messages
• ✅ Button UI powered by uiverse.io

---

🚀 Getting Started

# 1. Clone the repo
git clone https://github.com/your-username/firebase-login-auth

# 2. Navigate
cd firebase-login-auth

# 3. Install dependencies
npm install

# 4. Add Firebase config
touch .env


# .env file
VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id

# 5. Start the app
npm run dev


🙏 Credits
🔥 Button styles inspired from uiverse.io

🔥 Powered by Firebase Authentication and Vite + React 19

📄 License
This project is open-source and free to use. Attribution is appreciated 🙏