tarikfp / expo-free-to-game

This React Native Expo app displays a list of free-to-play games sourced from an API. The main screen features a fixed header with filtering and sorting options, allowing the user to narrow down the list according to platform, category, and popularity.

🎮 React Native Free to Game App

This React Native Expo app displays a list of free-to-play games sourced from an API. The main screen features a fixed header with filtering and sorting options, allowing the user to narrow down the list according to platform, category, and popularity.

📚 Table of contents

• 💻 Running locally
• 🪄 Running extra solution
• 📦 Core packages
• 🛠️ Code linters

💻 Running locally

This project is built with Expo. Follow the instructions below in order to run the project locally.

• Install dependencies

  yarn install

• Start the development server

 npx expo start

• If you are using a simulator or emulator, you may find the following Expo CLI keyboard shortcuts to be useful to open the app on any of the following platforms:

  • Pressing a will open in an Android Emulator or connected device.
  • Pressing i will open in an iOS Simulator.
  • Pressing w will open in a web browser. Expo supports all major browsers.

• Opening the app on your phone/tablet

  To open the app:

  • On your Android device, press "Scan QR Code" on the "Home" tab of the Expo Go app and scan the QR code you see in the terminal.
  • On your iPhone or iPad, open the default Apple "Camera" app and scan the QR code you see in the terminal.

⚠ Please refer to official expo docs or contact me at [email protected] if you encounter any issues running the project.

🪄 Running extra solution

Extra solution has been added to this repository in a file named extra-problem-solution.js. To run this solution:

• Go the project root directory.
• Run the following command.

 node extra-problem-solution.js

📦 Core packages

• react (18.2.0)
• react-native (0.71.3)
• @react-navigation/native (6.1.6)
• react-native-reanimated (2.14.4)
• @shopify/flash-list (1.4.0)

🛠️ Code linters

• React native, typescript specific robust eslint configurations to enhance development experience.

  • Some of eslint configurations are the followings:

    • Airbnb eslint
    • Airbnb typescript eslint
    • Eslint plugin react hooks
    • Eslint plugin react native

    and more... 💫