An open API service indexing awesome lists of open source software.

https://github.com/abdullah0dev/coffee-shop-app

A modern Coffee shop Application with React Native CLI
https://github.com/abdullah0dev/coffee-shop-app

Last synced: 7 months ago
JSON representation

A modern Coffee shop Application with React Native CLI

Awesome Lists containing this project

README

          

# BeanScene

Welcome to **BeanScene**! This project is a modern, feature-rich mobile application built using the latest technologies in the React Native ecosystem. The application supports functionalities such as adding to cart, removing from cart, adding to favorites, removing from favorites, and a comprehensive payment page, all wrapped in a sleek dark mode interface.


Home Screen
Cart
Order History

## Features

- **Add to Cart**: Easily add items to your cart.
- **Remove from Cart**: Remove items from your cart with a single tap.
- **Add to Favorites**: Mark items as favorite for quick access.
- **Remove from Favorites**: Remove items from your favorites list.
- **Payment Page**: Seamlessly integrated payment page for checkout.
- **Lottie Animation**: Smooth animations using Lottie for enhanced user experience.
- **AsyncStorage**: Persistent storage using AsyncStorage for saving user data.
- **Blur Effect**: Modern blur effects for a stylish interface.
- **Dark Mode**: A modern look with a sleek dark mode interface.

## Technologies Used

- **React Native**: For building cross-platform mobile applications.
- **Redux**: State management library for managing application state.
- **Zustand**: Lightweight state management solution.
- **Immer.js**: Immutable state management made simple.
- **Lottie for React Native**: For adding delightful animations.
- **AsyncStorage**: Persistent storage solution for React Native.
- **React Native Blur**: For implementing blur effects.

## Installation

To get started with this project, follow these steps:

1. **Clone the repository**:
```bash
git clone https://github.com/Abdullah0Dev/Coffee-Shop-app.git
cd Coffee-Shop-app
```

2. **Install dependencies**:
```bash
npm install
# or
yarn install
```

3. **Link native dependencies** (for React Native versions below 0.60):
```bash
react-native link
```

4. **Run the application**:
```bash
npx react-native run-android
# or
npx react-native run-ios
```

## Usage

Once the application is up and running, you can start exploring the features:

- **Home Screen**: Browse products and navigate to details.
- **Cart**: Add or remove items from the cart.
- **Favorites**: Manage your favorite items.
- **Payment**: Complete the checkout process.
- **Settings**: Toggle dark mode and other preferences.

## Screenshots


Home Screen
Cart
Favorites
Coffee Details
Order History

## Contact

If you have any questions or feedback, please feel free to reach out:

- **Email**: abdullahdev001@gmail.com
- **GitHub**: [AbdullahDev](https://github.com/Abdullah0Dev)
- **LinkedIn**: [Abdullah1Dev](https://www.linkedin.com/in/abdullah1dev/)

Thank you for checking out BeanScene! We hope you find it useful and enjoyable. Happy coding! 🚀

---