FoodBase is your order for food-based products. This e-commerce app provides a convenient and user-friendly platform for users to explore, purchase, and review a variety of food-related products. Whether you're a foodie looking for the latest culinary gadgets or a health-conscious shopper in search of nutritious options, FoodBase has something delicious to offer.
You can check out the website here! A screenshot from the website:
-
User Authentication with Gmail: Users can easily authenticate using their Gmail accounts, ensuring a seamless and secure login process.
-
Basket Management: Shoppers can add products to their basket, allowing for easy selection and review of items before making a purchase.
-
Basket Manipulation: Basket items can be managed and modified from different pages, providing flexibility and convenience during the shopping experience.
-
Local Basket Data Storage: The app employs browser storage to store basket data locally, ensuring that users can continue their shopping sessions across multiple visits.
-
Product Reviews: Users have the ability to share their opinions by adding reviews to products. This feature allows for valuable feedback and insights within the FoodBase community.
-
Admin Product Management: Administrators have the privilege of adding new products to the web app, ensuring that the catalog stays up-to-date with the latest offerings.
Follow these steps to get started with the FoodBase E-Commerce App:
- Clone the Repository: Begin by cloning this repository to your local machine using the following command:
git clone https://github.com/bitterkofte/foodbase.git
- Navigate to the Directory: Move into the project directory using the following command:
cd foodbase-app
-
Launch the App: Open the
index.html
file in a web browser to start using the app. -
User Authentication: Users can authenticate with their Gmail accounts by clicking on the login option and following the prompts.
-
Browse and Shop: Explore the wide range of food-based products, add items to your basket, and enjoy a seamless shopping experience.
-
Review Products: If you've purchased and tried a product, consider leaving a review to share your thoughts and experiences with other shoppers.
-
Admin Product Management: If you have admin privileges, navigate to the admin panel to add new products to the catalog.
FoodBase is built using modern web development technologies, including:
- Next.js, Firebase, Tailwind CSS, Framer Motion, HTML5, CSS3, and JavaScript for the frontend development.
- Firebase Authentication for user authentication via Gmail.
- Browser storage (localStorage or IndexedDB) for storing basket data locally.
- Backend technologies (Firebase) for admin product management (Firebase).
We value your feedback and encourage contributions from the community! If you have suggestions, find issues, or want to contribute new features, please feel free to open an issue or submit a pull request in the repository.
This project is licensed under the MIT License.
Happy shopping with FoodBase! If you have any questions or need assistance, don't hesitate to reach out to us at [email protected].