Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kavinthangavel/react-firebase
Using Firebase Auth In React
https://github.com/kavinthangavel/react-firebase
firebase-auth reactjs
Last synced: about 2 months ago
JSON representation
Using Firebase Auth In React
- Host: GitHub
- URL: https://github.com/kavinthangavel/react-firebase
- Owner: kavinthangavel
- License: mit
- Created: 2024-02-24T10:00:44.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-03-05T21:08:41.000Z (10 months ago)
- Last Synced: 2024-04-21T14:04:22.343Z (9 months ago)
- Topics: firebase-auth, reactjs
- Language: JavaScript
- Homepage: https://react-firebase-kavin.vercel.app/
- Size: 203 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Firebase Integration
Welcome to the React Firebase Integration project! This repository is designed as a practical implementation and testing ground for integrating Firebase with a React application. It features basic yet essential pages including Home, Login, and Signup, serving as a foundational framework for building more complex, secure, and scalable web applications.
## Features
- **Home Page**: A welcoming landing page that users see first.
- **Login Page**: Secure authentication for existing users.
- **Signup Page**: User registration functionality.
This project is perfect for developers looking to understand how Firebase can be used with React to create authenticated user experiences with real-time database interactions.
## Getting Started
To get this project up and running on your local machine, follow these simple steps.
### Prerequisites
Ensure you have the following installed:
- Node.js
- npm (Node Package Manager)
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/kavinthangavel/react-firebase.git
```
2. **Navigate to the project directory**
```bash
cd react-firebase
```
3. **Install dependencies**
```bash
npm install
```
4. **Set up Firebase**
- Create a Firebase project in the [Firebase Console](https://console.firebase.google.com/).
- Add your Firebase project's configuration to a `.env` file in the root directory of this project.
```env
REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_project_id.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_project_id.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=1:your_app_id:web:your_app_code
```
5. **Run the application**
```bash
npm start
```
Your application should now be running on [http://localhost:3000](http://localhost:3000).
## Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
## License
Distributed under the MIT License. See `LICENSE` for more information.