https://github.com/ruslanzharkov/food

React Native TypeScript Redux App for search food places based on $
https://github.com/ruslanzharkov/food

javascript react react-content-loader react-native react-navigation react-redux redux typescript yelp-api

Last synced: about 1 year ago
JSON representation

React Native TypeScript Redux App for search food places based on $

• Host: GitHub
• URL: https://github.com/ruslanzharkov/food
• Owner: ruslanzharkov
• Created: 2020-07-07T13:24:39.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-15T07:10:16.000Z (almost 2 years ago)
• Last Synced: 2024-06-15T08:25:59.993Z (almost 2 years ago)
• Topics: javascript, react, react-content-loader, react-native, react-navigation, react-redux, redux, typescript, yelp-api
• Language: TypeScript
• Homepage:
• Size: 153 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Food

Simple application for food search and view.

## Motivation

This project was created as an example of how to create a simple React Native application using TypeScript, Redux and React Navigation for Screen routing with API interaction. Food seraching implemented via [yelp](https://www.yelp.com/)

## Code style

Project uses react native community code style from ESLint.

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

## Tech stack and etc

Built with

- [React Native](https://facebook.github.io/react-native/)

- [Redux](https://redux.js.org/), [redux-thunk](https://github.com/reduxjs/redux-thunk)

- [TypeScript](https://www.typescriptlang.org/)

- [React Navigation](https://reactnavigation.org/)

- [react-content-loader (for skeleton loader technology)](https://github.com/danilowoz/react-content-loader)

- [Icons pack](https://github.com/oblador/react-native-vector-icons)

## iOS Demo

|     Loading process      |  App with data  |

| :----------------------: | :-------------: |

|  ![](skeleton-main.png)  |  ![](main.png)  |

| ![](skeleton-detail.png) | ![](detail.png) |

## Android Demo

|         Loading process          |      App with data      |

| :------------------------------: | :---------------------: |

|  ![](android-skeleton-main.png)  |  ![](android-main.png)  |

| ![](android-skeleton-detail.png) | ![](android-detail.png) |

## Installation

`Make sure you have node > 9`

1. `git clone https://github.com/ruslanzharkov/food.git`

2. `cd food`

3. `npx pod-install ios` if you want to run ios from MacOS

4. `npm i`

5. `npx react-native run-ios` or `npx react-native run-android`

6. `let's see running app!`

## Troubleshooting

Android issues and their resolving:

1. Remove debug/prod apk file from `android/app/build/outputs/apk/*`

2. Clean project from terminal gradle or android IDE

iOS issues:

1. Remove `Pods` folder from `ios/Pods` and install from scratch

Make sure u are cleaning watchman, metro bundler