/learn-sports

React Native app to learn about different sports

Primary LanguageTypeScriptMIT LicenseMIT


Learn Sports App using React Native

Learn Sports application is made using React Native (Expo) which uses is Decathlon Api to show information about dfferent sports from around the world.


Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributing
  4. License
  5. Contact

About The Project

Demo

This is a simple project to learn React Native by builing a grouph chat application where we build a node.js server to host the graphql API's and a React based client to connect to it

Major Features of this application:

  • Onboarding Screen
  • List of Sports fetched from Decathlon Sports Api using axios and redux, redux-thunk
  • Ability to seach in the list using custom react hook.
  • Detail View for each sport.
  • History of recently viewed sports.
  • Mark multiple sports as Favourites.
  • Capture User Info

Built With

Getting Started

Prerequisites

  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/shivamkataria2000/learn-sports
  2. Install NPM packages
    npm install 
  3. Start the server
    npm start
    Open http://localhost:19002/ for Expo options
  4. Run it on Android/IOS simulator or smarthphone through the expo go app.

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Shivam Kataria - @smartShivkat - shivamkataria2000@gmail.com

Project Link: https://github.com/shivamkataria2000/learn-sports