https://github.com/marcosvel/coffee-delivery
Coffee Delivery visual application with animation using reanimated and skia, gesture detections and tactile & sound feedbacks.
https://github.com/marcosvel/coffee-delivery
async-storage expo expo-av expo-google-fonts gesture-handler haptic-feedback reanimated skia
Last synced: about 1 month ago
JSON representation
Coffee Delivery visual application with animation using reanimated and skia, gesture detections and tactile & sound feedbacks.
- Host: GitHub
- URL: https://github.com/marcosvel/coffee-delivery
- Owner: MarcosVel
- Created: 2024-07-02T03:06:09.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-26T17:42:18.000Z (9 months ago)
- Last Synced: 2025-02-12T13:55:03.555Z (3 months ago)
- Topics: async-storage, expo, expo-av, expo-google-fonts, gesture-handler, haptic-feedback, reanimated, skia
- Language: TypeScript
- Homepage:
- Size: 2.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
https://github.com/user-attachments/assets/2ad14c34-89fc-4839-af0f-48d4ae33d28e
## Getting Started
### Prerequisites
- yarn
- React Native CLI
- Expo CLI
### 🛠️ Installation to run
1. **Clone the repository**:
```sh
git clone https://github.com/MarcosVel/Coffee-delivery.git
cd Coffee-delivery
```
2. **Install dependencies**:
```sh
yarn
```
3. **Run with Expo**:
```sh
npx expo start
```