Skip to content

Latest commit

 

History

History
91 lines (63 loc) · 3.69 KB

README.md

File metadata and controls

91 lines (63 loc) · 3.69 KB

CoffeeHouse ☕️

CoffeeHouse is a modern, user-friendly mobile application for coffee enthusiasts built using React Native. It allows users to explore different types of coffee and coffee beans, add items to their cart, view order history, and much more. The app is powered by Zustand for state management and features Lottie animations for a smooth and engaging UI experience. The app runs on a serverless architecture.

Features 🚀

  • Home Screen:

    • A search bar to quickly find your favorite coffee.
    • Profile icon for easy access to account details.
    • Two sections:
      • Various types of coffee.
      • Different coffee beans options.
  • Coffee Details Screen: View detailed information about a selected coffee, including pricing and description.

  • Coffee Beans Screen: Browse through different types of coffee beans available in the shop.

  • Cart Screen: Add coffee and coffee beans to the cart, modify quantities, and proceed to checkout.

  • Payments Screen: Secure payment gateway for easy transactions.

  • Favorites Screen: Save your favorite coffee and coffee beans for easy access.

  • Order History Screen: View previous orders and reorder with ease.

Technologies Used 🛠️

  • React Native: A popular framework for building mobile applications using React.
  • Zustand: State management library used for maintaining application state.
  • Lottie Animations: Library used to implement animations for enhancing the user experience.
  • Serverless Architecture: The app runs on a serverless architecture, reducing complexity and maintenance.

Installation 🔧

  1. Clone the repository:
    git clone https://github.com/yourusername/coffeehouse-app.git
    
  2. Navigate to the project directory:
    cd coffeehouse-app
    
  3. Install the dependencies:
    npm install
    #or
    yarn install
    
  4. Run the app on an emulator or a physical device:
    npx react-native run-android   # For Android
    npx react-native run-ios       # For iOS
    

Screenshots 📸

Home Screen

Screenshot 2024-09-20 at 9 20 11 PM

Coffee Details Screen

Screenshot 2024-09-20 at 9 20 40 PM

Coffee Beans Details Screen

Screenshot 2024-09-20 at 9 20 29 PM

Cart Screen

Screenshot 2024-09-20 at 9 20 51 PM

Payment Screen

Screenshot 2024-09-20 at 9 20 57 PM

Favorites Screen

Screenshot 2024-09-20 at 9 21 04 PM

Order History Screen

Screenshot 2024-09-20 at 9 21 09 PM

Contributing 🤝

We welcome contributions from the community! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit and push your changes (git commit -m 'Add some feature').
  5. Submit a pull request.

Please ensure your code follows the style guide and is well documented.

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.