https://github.com/luismda/coffee-delivery-mobile

React Native coffee delivery app that implements animations and microinteractions.
https://github.com/luismda/coffee-delivery-mobile

expo expo-av expo-haptics jotai react-native react-native-gesture-handler react-native-reanimated react-native-skia

Last synced: 1 day ago
JSON representation

React Native coffee delivery app that implements animations and microinteractions.

• Host: GitHub
• URL: https://github.com/luismda/coffee-delivery-mobile
• Owner: luismda
• Created: 2024-01-31T00:45:53.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-16T00:47:25.000Z (10 months ago)
• Last Synced: 2024-04-23T02:51:10.917Z (8 months ago)
• Topics: expo, expo-av, expo-haptics, jotai, react-native, react-native-gesture-handler, react-native-reanimated, react-native-skia
• Language: TypeScript
• Homepage:
• Size: 3.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Coffee Delivery Mobile App ☕



















---

## About

This project is a mobile application developed with React Native and Expo, for coffee delivery. In the app, you can view the most diverse coffee flavors, in addition to viewing them in categories. You can also see more details about a coffee, select a size and quantity, and add it to the cart. After choosing your favorite coffees, you have the option to delete an item from the cart or complete the order.

The focus of this project was to implement **animations, microinteractions, visual, tactile and sound feedback**. So here are some technologies used:

- TypeScript

- React Native

- Expo

- Expo AV (sound feedback)

- Expo Haptics (tactile feedback)

- React Native Skia (visual feedback and animations)

- React Native Reanimated (animations)

- React Native Gesture Handler (microinteractions)

- Jotai (state management)

Additionally, this project was developed during [Rocketseat](https://github.com/rocketseat-education) React Native training challenge. The project's Figma can be accessed through the link below.

[**Access the project layout in Figma**](https://www.figma.com/community/file/1245817631079079109/Coffee-Delivery-%E2%80%A2-Desafio-React-Native)

## Instructions

Clone the repository:

```sh

git clone https://github.com/luismda/coffee-delivery-mobile.git

```

Install the dependencies:

```sh

pnpm i

```

Start app:

```sh

pnpm run start

```

## Created by

Luís Miguel | [**LinkedIn**](https://www.linkedin.com/in/luis-miguel-dutra-alves/)

##

**#NeverStopLearning 🚀**