https://github.com/1dev-hridoy/read---write-and-delete-firebase-data-form-firebase

https://github.com/1dev-hridoy/read---write-and-delete-firebase-data-form-firebase

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/1dev-hridoy/read---write-and-delete-firebase-data-form-firebase
• Owner: 1dev-hridoy
• Created: 2024-01-05T04:14:41.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-05T04:29:35.000Z (about 1 year ago)
• Last Synced: 2024-11-09T17:13:53.016Z (2 months ago)
• Language: JavaScript
• Homepage: https://firebase-read-write-and-update.vercel.app/
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Screenshot 2024-01-04 202524](https://github.com/1dev-hridoy/Read---Write-And-Delete-Firebase-Data-Form-Firebase/assets/154232641/0913740c-01f9-442c-82a0-0935e06b5bb0)

`# Firebase CRUD Web App

This is a simple web application that demonstrates Create, Read, Update, and Delete (CRUD) operations using Firebase Realtime Database. It allows you to add, view, update, and delete student data.

## Getting Started

### Prerequisites

Before you begin, make sure you have the following installed:

- A modern web browser

- Code editor of your choice (e.g., Visual Studio Code)

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/1dev-hridoy/Read---Write-And-Delete-Firebase-Data-Form-Firebase.git`

   

Open the project in your code editor.

Replace the Firebase configuration in main.js with your own Firebase project configuration.

`// Replace this with your own Firebase project configuration

const firebaseConfig = {

    // Your config details...

};`

Open the index.html file in your web browser or set up a local development server.

Usage

Open index.html in your web browser.

Enter student details in the form and click "Add Data" to add new records.

Existing records are displayed in a table. Click "Delete" to remove a record or "Update" to modify a record.

Firebase Configuration

Make sure you have set up a Firebase project and replaced the Firebase configuration details in main.js. You can create a Firebase project and obtain the configuration from the Firebase console.

Built With

HTML, CSS, JavaScript

Firebase - Realtime Database

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

SweetAlert2 - Used for displaying beautiful alerts.

`Replace the placeholders with your own project details. If you have additional features or dependencies, make sure to add them to the README.md file. Also, consider adding sections like "Contributing," "Authors," and "License" based on your project's needs.`