Skip to content

Commit

Permalink
Completed Firebase Authentication Project✅
Browse files Browse the repository at this point in the history
  • Loading branch information
deepakkumar55 committed Jun 4, 2024
1 parent aa2b020 commit 272ee3f
Show file tree
Hide file tree
Showing 26 changed files with 19,614 additions and 8 deletions.
5 changes: 5 additions & 0 deletions Database Integration/1-firebase_authentication/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# .gitignore
# Ignore the following files

node_modules
dist
132 changes: 124 additions & 8 deletions Database Integration/1-firebase_authentication/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,136 @@

## Description

A brief description of the firebase authentication project.
Firebase Authentication provides a comprehensive and secure solution for authenticating users in web applications. It supports various authentication methods, including email and password, Google Sign-In, Facebook Login, and more. This project demonstrates how to integrate Firebase Authentication in a React application, offering a seamless and secure user login experience.

## Features

- Feature 1
- Feature 2
- Feature 3
- **User Registration:** Allow users to sign up with email and password.
- **User Login:** Enable users to log in using their email and password.
- **Password Reset:** Provide users with the option to reset their password via email.

## Technologies Used

- JavaScript
- HTML
- CSS
- **React:** For building the user interface.
- **Firebase:** For backend authentication services.

## Setup

Instructions to set up and run the project.
Follow these instructions to set up and run the project locally:

1. **Clone the Repository:**

```bash
git clone https://github.com/deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT.git
cd Database Integration/1-firebase_authentication
```

2. **Install Dependencies:**

```bash
npm install
npm install firebase
```

3. **Firebase Configuration:**

- 1. **Create a Firebase Project**:
- Go to the [Firebase Console](https://console.firebase.google.com/).
- Click on "Add project" and follow the instructions to create a new Firebase project.

- 2. **Enable Authentication Methods**:
- In the Firebase Console, navigate to the "Authentication" section.
- Click on the "Sign-in method" tab.
- Enable "Email/Password" and "Google" sign-in methods.

- 3. **Get Firebase SDK Config**:
- In the Firebase Console, navigate to "Project settings".
- Under "Your apps", add a new web app and register it.
- Copy the Firebase SDK configuration snippet provided.


```javascript
// src/firebase.js
import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';

const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID"
};

const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
```

4. **Run the Project:**

- Start the backend server:

```bash
npm run dev
```

- Start the frontend server:

```bash
cd frontend
npm start
```

- Open your browser and navigate to `http://localhost:3000` to see the application in action.

## Contribution

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. **Fork the Repository:**
Click the "Fork" button at the top right corner of the repository page.
2. **Clone Your Fork:**
```bash
git clone https://github.com/your-username/firebase-authentication-mern.git
cd Database Integration/1-firebase_authentication
```
3. **Create a Branch:**
```bash
git checkout -b feature-branch
```
4. **Make Your Changes:**
Implement your feature or fix the bug you want to address.
5. **Commit Your Changes:**
```bash
git add .
git commit -m "Description of the changes"
```
6. **Push to Your Fork:**
```bash
git push origin feature-branch
```
7. **Create a Pull Request:**
Go to the original repository on GitHub, and you should see a prompt to create a pull request from your new branch. Provide a clear description of your changes and submit the pull request for review.
## Get in Touch
If you have any questions or need further assistance, feel free to open an issue on GitHub or contact us directly. Your contributions and feedback are highly appreciated!
---
Thank you for your interest in the Firebase Authentication project. Together, we can build a more robust and feature-rich application. Happy coding!
Loading

0 comments on commit 272ee3f

Please sign in to comment.