GitHunt
MA

MarcosVel/Coffee-delivery

Coffee Delivery visual application with animation using reanimated and skia, gesture detections and tactile & sound feedbacks.

Coffee Delivery

Coffee Delivery is a visually engaging application featuring animations with Reanimated and Skia, gesture detections, and tactile & sound feedback. Built with React Native, this app ensures a smooth experience on both Android and iOS platforms.

๐Ÿง Features

  • Smooth Animations: Leveraging Reanimated and Skia for fluid animations.
  • Gesture Detection: Enhanced user interaction through gesture handling.
  • Tactile Feedback: Provides haptic feedback for a more immersive experience.
  • Sound Feedback: Integrates sound responses to user actions.
  • Persistent Storage: Uses AsyncStorage for saving user data and progress.
  • Custom Fonts: Beautiful typography with Google Fonts.
  • Responsive Design: Adapts to various screen sizes and orientations.
  • Component-Based UI: Built with reusable components for maintainability.

๐Ÿ’ป Front-end Technologies Used

  • Expo: Streamlines development and provides access to native features.
  • TypeScript: Ensures type safety and code quality.
  • React Native: Core framework for building mobile applications.
  • React Navigation: For handling navigation within the app.
  • React Native Reanimated: For smooth animations and transitions.
  • React Native Gesture Handler: For handling gestures in the app.
  • React Native Skia: For rendering high-quality graphics.
  • React Native SVG: For scalable vector graphics.
  • React Native Haptic Feedback: For tactile feedback.
  • AsyncStorage: For persistent storage.
  • Expo AV: For audio and video playback.
  • Expo Google Fonts: For custom fonts.

๐Ÿ“น Example

coffeedelivery.mp4

Getting Started

Prerequisites

  • yarn
  • React Native CLI
  • Expo CLI

๐Ÿ› ๏ธ Installation to run

  1. Clone the repository:

    git clone https://github.com/MarcosVel/Coffee-delivery.git
    cd Coffee-delivery
  2. Install dependencies:

    yarn
  3. Run with Expo:

    npx expo start

Languages

TypeScript94.0%JavaScript6.0%

Contributors

Created July 2, 2024
Updated January 17, 2025
MarcosVel/Coffee-delivery | GitHunt