Coffee App ☕ – Portfolio Demo

This project is a simplified version of a real-world application, adapted specifically for use in my professional portfolio. Due to confidentiality, certain aspects have been modified or removed, and the full codebase is not publicly available.

📱 About the Project

This is a mobile coffee shop app built using Expo (React Native). It allows users to:

• Browse a list of coffee drinks
• View detailed information about each product
• Add items to a cart
• Adjust quantities and checkout
• Get toast notifications for feedback
• Navigate through multiple screens

⚙️ Tech Stack

• React Native (with Expo)
• TypeScript
• Zustand for global state management
• expo-router for navigation
• react-native-toast-message for feedback
• Ionicons for icons
• react-native-safe-area-context for safe view rendering

📂 Folder Structure

.
├── assets/
│   └── images/
├── components/
│   ├── CartButton.tsx
│   ├── CoffeeCard.tsx
│   ├── CoffeeTabSelector.tsx
│   ├── PromoBanner.tsx
│   └── SearchBar.tsx
├── constants/
│   ├── colors.ts
│   └── strings/
│       ├── cart.ts
│       ├── home.ts
│       └── shared.ts
├── hooks/
│   └── useCartStore.ts
├── screens/
│   ├── HomeScreen.tsx
│   └── CartScreen.tsx
└── README.md

🧑‍💻 Setup Instructions

1. Clone the repo

git clone https://github.com/your-username/coffee-app.git
cd coffee-app

2. Install dependencies

yarn install

3. Start Expo

yarn start

Make sure you have the Expo Go app installed on your mobile device or use an emulator.

🚧 Disclaimer

• This app is based on a real commercial project and has been adapted for display purposes.
• Some assets and business logic have been omitted or modified.
• Not all features from the original project are included.

📬 Contact

If you’re interested in working together, feel free to reach out via Fiverr or contact me directly through my GitHub profile.

---

Thanks for checking out my work!