https://github.com/khushikumarigupta14/firebase
https://github.com/khushikumarigupta14/firebase
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/khushikumarigupta14/firebase
- Owner: khushikumarigupta14
- Created: 2025-03-10T12:49:42.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-11T04:38:57.000Z (2 months ago)
- Last Synced: 2025-03-17T15:44:50.609Z (2 months ago)
- Language: JavaScript
- Size: 63.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Auth App
A modern authentication application built using **React**, **Firebase**, and **Tailwind CSS**. It supports **Google Sign-In**, user registration, and login functionalities, along with a sleek light/dark mode toggle.
## 🌟 Features
- Google Sign-In for quick and secure authentication.
- User registration and login with email and password.
- Light/dark mode toggle for better accessibility.
- Real-time data storage using Firebase Firestore.
## 🛠️ Technologies Used
- **React**: Frontend library for building user interfaces.
- **Firebase**: Backend services for authentication and Firestore database.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **React Icons**: For including modern icons in the UI.
- **Lucide React**: Icon pack used for UI elements.
## 📸 Screenshots
Add screenshots of your app here to showcase the UI.
## 🚀 Getting Started
### Prerequisites
- Node.js installed on your system.
- Firebase account with project setup.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/your-repo-name.git](https://github.com/KhushiCode14/firebase.git
```
2. Navigate to the project directory:
3. Install dependencies:
## Firebase Configuration
- Create a .env file in the root directory.
- Add your Firebase configuration:
VITE_API_KEY=your-api-key
VITE_AUTH_DOMAIN=your-auth-domain
VITE_PROJECT_ID=your-project-id
VITE_STORAGE_BUCKET=your-storage-bucket
VITE_MESSAGING_SENDER_ID=your-messaging-sender-id
VITE_API_ID=your-app-id
VITE_MEASUREMENT_ID=your-measurement-id
## Running the App
```
npm run dev
```