Artisanal Coffee Shop

A beautiful and fully-featured mobile coffee shop application built with Expo and CommerceTools. Experience the perfect blend of modern design and seamless functionality.

Demo

Check out the app in action:

Features

• 🛍️ Product Catalog: Browse our handcrafted coffee selection
• 🛒 Shopping Cart: Seamless cart management with persistent storage
• ⭐ Rewards Program: Track your rewards and unlock special offers
• 👤 User Profile: Manage your account and preferences
• 📱 Cross-Platform: Works on iOS, Android, and Web

Tech Stack

• Expo - React Native framework
• Expo Router - File-based routing
• CommerceTools - Headless commerce platform
• Zustand - State management
• React Native Reanimated - Animations
• Expo Blur - UI effects

Getting Started

Prerequisites

• Node.js 16+
• npm or yarn
• Expo CLI
• CommerceTools account

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/artisanal-coffee-shop.git
   cd artisanal-coffee-shop

2. Install dependencies:

   npm install

3. Set up environment variables:

   cp .env.example .env

   Fill in your CommerceTools credentials in the .env file.

4. Start the development server:

   npm run dev

Environment Variables

Create a .env file with the following variables:

EXPO_PUBLIC_CTP_PROJECT_KEY=your_project_key
EXPO_PUBLIC_CTP_CLIENT_SECRET=your_client_secret
EXPO_PUBLIC_CTP_CLIENT_ID=your_client_id
EXPO_PUBLIC_CTP_AUTH_URL=https://auth.us-central1.gcp.commercetools.com
EXPO_PUBLIC_CTP_API_URL=https://api.us-central1.gcp.commercetools.com
EXPO_PUBLIC_CTP_SCOPES=manage_project:your_project_key

Project Structure

├── app/                   # Application routes
│   ├── (tabs)/           # Tab-based navigation
│   └── product/          # Product details pages
├── components/           # Reusable components
├── hooks/               # Custom hooks
├── utils/               # Utility functions
└── assets/             # Static assets

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

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

Acknowledgments

• Follow the creator @lgiavedoni on X (Twitter)
• Coffee images from Unsplash
• Icons from Ionicons
• UI inspiration from modern coffee shop apps