A simple web application for managing a shopping cart, built using HTML, CSS, and JavaScript with Firebase Realtime Database.
- Add items to the shopping cart.
- View and manage the shopping cart in real-time.
- Firebase Realtime Database integration for data storage.
Before you begin, ensure you have the following installed:
- Modern web browser
- Code editor (e.g., Visual Studio Code)
-
Clone the repository:
git clone https://github.com/AbhayPratap10/shopping-cart-app.git
-
Open the project in your code editor.
-
Open
index.html
in your web browser to see the application.
- Open
index.html
in a web browser. - Enter the item name in the input field and click "Add to cart."
- View the shopping cart below, and double-click on an item to remove it.
This project uses Firebase Realtime Database. To configure your Firebase settings:
- Create a Firebase project: Firebase Console.
- Get your Firebase configuration object.
- Replace the Firebase configuration in
index.js
with your own.
// Replace this with your Firebase configuration
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"
};