Skip to content

Qharny/CRUD

Repository files navigation

Firebase CRUD Application

This is a simple CRUD (Create, Read, Update, Delete) application built using HTML, CSS, JavaScript, and Firebase Firestore. The application allows you to add, display, update, and delete items from a Firestore database.

Features

  • Create: Add new items to the database.
  • Read: Display a list of items from the database.
  • Update: Edit existing items in the database.
  • Delete: Remove items from the database.

Prerequisites

Before you begin, ensure you have the following:

  • A web browser.
  • An internet connection.
  • A Firebase account.

Setup

Step 1: Firebase Configuration

  1. Go to the Firebase Console.
  2. Create a new project or use an existing project.
  3. Add a web app to your Firebase project.
  4. Copy the Firebase configuration details.

Step 2: Project Structure

Create a directory for your project and include the following files:

project-directory/
│
├── index.html
├── styles.css
├── app.js
└── firebase-config.js

Step 3: Image(s)


Main

image

Save

image

Edit

image

Backend

image

Running the Application

  1. Open index.html in your web browser.
  2. Use the form to add, edit, and delete items.

License

This project is licensed under the MIT License.

About

A simple crud with firebase as backend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published