CartSwift is a mobile-first Add to Cart web app, built using HTML, CSS, JavaScript, and Firebase. It provides a seamless shopping experience where users can add items to the cart and remove them with a simple tap.
✅ One-Tap Item Removal – Simply tap an item to remove it from the cart.
✅ User-Friendly Interface – Clean and modern UI for effortless navigation.
✅ Add to Cart – Easily add products to your cart.
✅ Real-Time Database – Uses Firebase Realtime Database for storing cart data.
✅ Mobile-Optimized – Fully responsive design for mobile users.
✅ Deployed Online – Hosted on Netlify for easy access.
- Frontend: HTML, CSS, JavaScript
- Backend: Firebase (Realtime Database)
- Design Tools: Figma, Google Fonts, Favicon.io
- Deployment: Netlify
Before running the project, ensure you have:
- A GitHub account
- Basic knowledge of HTML, CSS, and JavaScript
- A Firebase account (for database setup)
- Clone the repository
git clone https://github.com/DarshiniKurasa/CartSwift.git cd CartSwift
- Open
index.htmlin your browser to launch the app.
- Go to the Firebase Console.
- Create a new project.
- Enable the Realtime Database.
- Replace the Firebase configuration in
index.jswith your project's configuration.
- Drag and drop your project folder into Netlify Drop.
- Browse Available Products: View the list of products.
- Add to Cart: Click the "Add to Cart" button to save items.
- Remove Items: Tap on an item to remove it instantly.
- Checkout: (Coming soon 🚀)
CartSwift/
│── images/ # Stores app images/icons
│── index.html # Main HTML file
│── index.css # Styling for the app
│── index.js # JavaScript logic (Firebase integration)
│── site.webmanifest # Web App Manifest
│── favicon.ico # App icon
└── README.md # Project documentation###Contribution Want to contribute to CartSwift? Fork this repo, make improvements, and submit a pull request!