React Native COVID-19 App

This project is a React Native project that can be used to kickstart a mobile application.

Built with Hooks Used The Novel Covid API https://corona.lmao.ninja/docs/

Content

The project contains:

• React Native (v0.62.0)
• clear directory layout to provide a base architecture for your application
• React Native Maps react-native-maps installed and configured
• Redux (v4.0.5) to help manage state
• Redux Toolkit (v1.3.2) for efficient Redux development
• Redux Persist (v6.0.0) to persist the Redux state
• React Navigation (v5.1.3)
• apisauce (v1.1.1) to facilitate API calls.
• prettier and eslint preconfigured for React Native
• module-resolver configured with React Native to simplify development.
• Reactotron a development tool to inspect your project
• Reactotron-Redux to inspect your redux tree in reactotron
• @gorhom/animated-tabbar used this beatiful component for bottom navigation bar.
• UI Kitten a beatiful UI library based on eva-design that supports dark-mode

Directory layout

├── API
|  ├── covid.js
|  ├── index.js
|  └── reddit.js
├── Services
├── Store
|  ├── appSlice.js
|  ├── covidSlice.js
|  ├── index.js
|  └── redditSlice.js
├── Utils
└── Views
   ├── Components
   ├── Constants
   ├── Hooks
   ├── Navigation
   ├── Screens
   └── Theme

Requirements

Node 8 or greater is required. Development for iOS requires a Mac and Xcode 9 or up, and will target iOS 9 and up.

You also need to install the dependencies required by React Native:

• for Android development
• for iOS development

Running the project

Assuming you have all the requirements installed, you can setup and run the project by running:

• yarn to install the dependencies with yarn
• or
• npm install to install the dependencies with yarn
• run the following steps for your platform

Android

• only the first time you run the project, you need to generate a debug key with:
  • cd android/app
  • keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000
  • cd ../.. to come back to the root folder
• yarn start to start the metro bundler, in a dedicated terminal
• yarn android to run the Android application (remember to start a simulator or connect an Android phone)

iOS

• cd ios
• pod install to install pod dependencies
• cd .. to come back to the root folder
• yarn start to start the metro bundler, in a dedicated terminal
• yarn ios to run the iOS application (remember to start a simulator or connect an iPhone phone)