Bakery App

Experience the convenience of browsing baked goods, adding items to your basket, and completing your order seamlessly.

Overview

Bakery is a mobile and web app that allows users to easily browse through baked goods, manage their basket, and place orders. The app was built using React and React Native, with full integration of API calls for fetching bakery item data. Basket management and order submission are implemented with real-time functionality, providing users with a smooth shopping experience.

Through this app, customers can seamlessly navigate between different baked goods, add or remove items from their basket, view the order total, and finally submit their order with proper error handling in place.

Technical Details

This project was built using modern technologies such as React and React Native for a seamless mobile and web experience. The application utilizes API calls to fetch real-time data for bakery items and implements features like basket management, navigation between items, order total calculation, and order submission. Key technologies used include:

React: Dynamic UI creation for both web and mobile platforms
React Native: For the mobile application interface
API Integration: Fetching and displaying bakery item data in real-time
Secure Storage: JWT token authentication for user management

To explore more details about this project, you can visit the GitHub repository or interact with the prototype:

View GitHub Repository View Interactive Figma Prototype

Key Features

View Baked Goods: Customers can browse through a variety of baked goods like muffins, pies, and donuts.
Basket Management: Easily add or remove items from the basket and view the total order cost.
Order Submission: Submit orders and receive real-time feedback on the success or failure of the order.
API Integration: The app makes API calls to fetch bakery item data and process orders.

Technologies And Tools

React

Used for building the web app with interactive UI components and real-time basket management functionality.

React Native

Built the mobile app version, providing users with a smooth, responsive experience on mobile devices.

API Integration

Integrated APIs for fetching bakery item data and submitting customer orders in real-time.

Figma

Designed the low-fidelity prototype using Figma, focusing on user experience and app structure.