🛒 Add to Cart - First Firebase Project 🐱

This is a simple shopping list web application that allows users to add items to a cart and see real-time updates using Firebase Realtime Database. This project is my first Firebase project, demonstrating basic integration of Firebase with a frontend web app. 🐾

Features 😺

• Add items to the shopping list 📝
• Real-time synchronization of the list using Firebase Realtime Database 🔄
• Remove items from the list by clicking on them ❌
• Simple and clean user interface 🎨
• Cat-themed design with adorable cat images 🐈

Technologies Used 🛠️

• HTML
• CSS
• JavaScript (ES6 Modules)
• Firebase Realtime Database

How to Use 🐾

1. Open the index.html file in a modern web browser. 🌐
2. Enter an item name in the input field. 🐱
3. Click the "Add to cart" button to add the item to the shopping list. ➕
4. The list will update in real-time, showing all items stored in Firebase. 🔄
5. Click on any item in the list to remove it. 🐾

Firebase Configuration 🔧

The app is connected to a Firebase Realtime Database instance. The configuration is included in the index.js file, which initializes the Firebase app and connects to the database.

Project Structure 📁

• index.html - Main HTML page 🏠
• index.css - Stylesheet for the app 🎨
• index.js - JavaScript logic including Firebase integration 💻
• functions.js - Utility functions (currently contains a simple add function) ➕
• Various image assets and favicon files 🐱

Notes 📝

This project serves as an introduction to Firebase and real-time web applications. It can be extended with additional features such as user authentication, item categories, and more. 🐾