Food Boutique is a responsive online grocery store developed using Vanilla JavaScript. It features dynamic content generation and interactive shopping functionalities, making it an engaging experience for users looking for fresh and organic products.
- Dynamic Content Generation: Products are dynamically loaded and displayed, ensuring a user-friendly shopping experience.
- API Integration: Integrates APIs to fetch and display product listings.
- Interactive Shopping Cart: Users can add items to the cart, with cart management handled via local storage.
- Pagination: Implemented using tui-pagination for easy navigation through product listings.
- Lightbox Feature: Product images are displayed using BasicLightbox for a visually appealing experience.
- Filter and Sort: Uses Slim-Select for intuitive filtering and sorting of products.
- Fully Responsive: Built with responsive design principles to work seamlessly across desktop and mobile devices.
- HTML/CSS: For the structure and styling of the website.
- JavaScript (Vanilla): Provides the core interactivity and dynamic features.
- Axios: Used for API calls to fetch product data.
- Vite: Development and build tool for fast bundling.
- gh-pages: For deployment to GitHub Pages.
-
Clone the repository:
git clone https://github.com/culplate/food-boutique.git
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
-
Deploy to GitHub Pages:
npm run deploy
- This project is part of a team collaboration, showcasing an engaging online shopping experience for grocery items.
- The codebase includes features for managing user interactions, such as adding items to a cart, and a modular approach to maintaining different components.
This project is licensed under the ISC License.