CAFELICIOUS

Summary/Context Cafelicious is a curated digital directory designed for global coffee enthusiasts. It serves as a specialized platform for discovering top-tier cafes worldwide, connecting users with premium coffee experiences. The project addresses the need for a centralized hub where coffee lovers can explore and book services from iconic and beloved global cafes. Goals The project aims to provide a user-friendly interface for searching and filtering cafes based on meal type, cuisine, cost, and ratings. It seeks to streamline the coffee-discovery journey through interactive features like location-based searches. Additionally, the goal includes enabling secure user authentication and order placement for seamless cafe service interactions. Process I developed the frontend using React 18 and React Router 6 to manage complex navigation and role-based views. I integrated Axios for data fetching from a localized backend to manage dynamic product listings and user orders. Responsive design was achieved using Bootstrap 4 and custom CSS3, ensuring cross-device compatibility for the global platform . Output The final deliverable is a functional full-stack web application featuring a dynamic cafe directory, category filters, and a secure checkout system. It includes a fully responsive UI, integrated authentication, and order tracking functionalities. The platform successfully allows users to browse global cafe menus and manage their personal cafe service inquiries