Food Cart Mobile Application

The Food Cart Mobile Application is a Flutter-based mobile app developed to reinforce the knowledge gained from a Flutter & Dart course on Udemy. The application simulates a food ordering platform where food data is fetched from a remote web service using the Dio HTTP client. Throughout this project, I gained hands-on experience in working with RESTful APIs, handling GET and POST requests, and parsing JSON data into application models. The project follows the BLoC (Business Logic Component) architecture, ensuring a clean separation between UI and business logic, improving scalability and maintainability. Food items are displayed on the homepage using a GridView with card-based UI components, each showing product details such as name, price, and image. Users can search for food items using a custom search bar implemented directly on the homepage. Each food item includes a favorite option, allowing users to add products to a favorites page by toggling a heart icon. Users can navigate to a detail page to view more information and add items to the cart by selecting quantities. The cart screen lists selected items, calculates the total price, and allows users to confirm their order. To enhance the user experience, Lottie animations were integrated into the cart confirmation flow. Once an order is confirmed, an animation is displayed along with a confirmation message, and the cart is cleared. Additionally, the application icon was custom-designed using Canva and integrated into the project. This project provided practical experience in Flutter UI development, state management, API integration, animations, and real-world mobile app architecture.