https://github.com/lyqht/sencha-teahouse

🍵 A mini e-commerce app to buy drinks, made with React Native (TS), powered by GraphCMS & Zustand
https://github.com/lyqht/sencha-teahouse

async-storage expo-cli graphcms hygraph native-base react-native typescript zustand

Last synced: 2 months ago
JSON representation

🍵 A mini e-commerce app to buy drinks, made with React Native (TS), powered by GraphCMS & Zustand

• Host: GitHub
• URL: https://github.com/lyqht/sencha-teahouse
• Owner: lyqht
• Created: 2022-01-25T17:25:34.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-07-12T10:19:33.000Z (over 2 years ago)
• Last Synced: 2024-05-01T16:15:47.214Z (9 months ago)
• Topics: async-storage, expo-cli, graphcms, hygraph, native-base, react-native, typescript, zustand
• Language: TypeScript
• Homepage: https://snack.expo.dev/@lyqht/sencha-teahouse-v2
• Size: 1.18 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Sencha Teahouse

This project is created with the template as such

```

npx react-native init --template react-native-template-typscript

```

This app intends to be a shopping app for buying tea and sweets from Sencha Teahouse. 

It explores the use of: 

- GraphCMS

- Zustand for state management

- Adding Expo-Cli to a bare RN project

  - the code with expo modules are in the branch `/add-expo`

  - basically this is so that I can upload a snack every iteration for sharing with others.

- Async Storage for locally stored items (TODO)

- Supertokens for Auth (TODO, pending RN SDK to be up)

- Some animation library (TODO)

This app is created for some of my [exercise submissions for Centauri React Cohort](https://github.com/lyqht/centauri-react-native).

## Snacks

- [v01](https://snack.expo.dev/@lyqht/sencha-teahouse-v01)

  - Retrieve products data from GraphCMS and render them on home page

- [v02](https://snack.expo.dev/@lyqht/sencha-teahouse-v2)

  -  Added checkout button with badge that shows number of items in cart

  -  Added checkout page to show total price & all items in cart

  -  Added listfootercomponent to show end of list