Welcome to the Add-to-Cart-Service Website repository! This project is a simple yet powerful e-commerce solution built from the ground up with pure HTML, CSS, and JavaScript. It enables users to easily add items to their virtual shopping cart, all powered by Firebase for seamless data storage and retrieval.
-
User-Friendly Interface: Our website boasts an intuitive and clean design that makes shopping a breeze.
-
Add Items to Cart: Simply type the item you wish to purchase into the text box provided and hit the "Add to Cart" button. Your item will be stored securely in the Firebase database.
-
Real-time Updates: As you add items to your cart, the website instantly updates to display the items you've selected below the "Add to Cart" button.
-
Item Removal: If you change your mind about an item, no problem! Just click on the item in your cart, and it will be promptly removed both from the database and your view.
-
Clone the Repository: Start by cloning this repository to your local machine using the following command:
git clone https://github.com/your-username/add-to-cart-service.git
-
Firebase Configuration: To use this website, you'll need to set up Firebase and configure it with your project. Make sure to replace the Firebase configuration in
firebase.js
with your own credentials:// Replace with your Firebase project configuration var 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" };
-
Open the Website: Open the
index.html
file in your web browser to start using the Add-to-Cart-Service Website. -
Adding and Removing Items: Type the item you want to add into the text box, press "Add to Cart," and see it appear below. To remove an item, simply click on it, and it will be deleted from both the website view and the Firebase database.
Contributions to this project are welcome! Whether you want to enhance the user interface, add new features, or fix bugs, please feel free to submit a pull request. For major changes, please open an issue first to discuss the proposed changes.
This project is licensed under the MIT License - see the LICENSE file for details.
- Special thanks to Firebase for providing a robust real-time database for this project.
- Inspired by the world of e-commerce and designed with simplicity and functionality in mind.
Thank you for checking out the Add-to-Cart-Service Website repository. We hope you find it useful and enjoy using it as much as we enjoyed creating it! If you have any questions or feedback, please don't hesitate to reach out.
Happy shopping! ๐๐