Citypop

A react native application bootstrapped with expo typescript starter template Search for cities from Api Ninja and display its population Search for countries from Geonames sort by highest population.

Getting Started

Clone the repository

git clone https://github.com/Braggedtooth/Citypop.git 
git clone [email protected]:Braggedtooth/Citypop.git
gh repo clone Braggedtooth/Citypop

Install the packages

yarn install

Scripts

    yarn start : Starts the application using expo

    yarn test : Runs tests using jest

    yarn format : formats code using prettier

Folder Structure

assets: contains images and favicons

components : contains components and test for each component

types : Typings for components and so on

utils : hooks and utility functions

views : Navigator and screens

├───assets
│       adaptive-icon.png
│       favicon.ico
│       favicon.png
│       icon.png
│       splash.png
├───components
│   │   CityResults.tsx
│   │   CountryResults.tsx
│   │   Error.tsx
│   │   LogoText.tsx
│   │   searchBar.tsx
│   │
│   └───__tests__
│         CityResults.test.tsx
│         CountryResults.test.tsx
│         Error.test.tsx
│         LogoText.test.tsx
│         SearchBar.test.tsx       
├───types
│       Components.ts
│       Navigator.ts
│       Response.ts
├───utils
│       api.ts
│       useCity.ts
│       useCountry.ts
│       useDeboucedValue.ts
│       useNavigate.ts
└───views
        City.tsx
        Country.tsx
        Home.tsx
        Screens.tsx

Packages

Node v16.13.0

Yarn 1.22.18

React Native

Expo v45.0.0

React Navigation

React Query

Typescript v4.3.5

React Native Elements

Jest

Author

Adebayo Ajayi