SkarDude / yelperout

Yelper Out (Help Her Out) Simple mobile app in react-native to randomly select a date night and more

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

yelperout

Yelper Out (Help Her Out) mobile app that wraps yelp in a unique way. Built in a few hours to demonstrate a few of my many react native skills.

Functionality

  • Search yelp api via query / key words
  • Location based on current location or enter location address
  • Filter by category to narrow results
  • Returns top 10 results click on result for description
  • Map view and list view toggle to interact with the front end

Build for local testing

  1. Set up the machine for react native development RN Docs
  2. Clone this repository
  3. In the root of this repo, execute yarn install, which will install node_modules.
  4. In app/app.tsx replace **API_KEY** with your created Yelp Fusion api key
  5. After node_modules is installed we need to link pods for ios cd ios && pod install && cd ..
  6. We are ready to build iOS yarn ios

Issues

  • Search results not updating
    • Check to make sure your api key is getting hit in Yelp Fusion
    • Implemented a debounce so there may be a slight delay on a search query, to trigger the callback maybe add a space to the input or try selecting a categegory or location again
  • Get location error on first launch
    • Accept the permission and reload the app (in a prod environment I would add a permissions listener to automatically refresh on permission grant)
  • Emptying location causes an undefined error
    • This seems to be a side affect of the simple debounce, just reload the app

Enhancements

Check out our project boards and issues as I plan on leveraging Github to maintain this app and add future enhancements

https://github.com/skarDude/yelperout/projects/

Screenshots

Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 31 20

Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 31 49 Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 32 02 Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 32 14 Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 32 28 Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 33 48 Simulator Screen Shot - iPhone 11 - 2021-04-05 at 00 35 24

About

Yelper Out (Help Her Out) Simple mobile app in react-native to randomly select a date night and more

License:MIT License


Languages

Language:TypeScript 81.2%Language:Java 8.3%Language:Objective-C 5.4%Language:Starlark 2.3%Language:JavaScript 1.6%Language:Ruby 1.2%