Shreykr / Player-Details

A simple app that fetches player details and displays them in cards.

Home Page:https://player-details.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Player Details

A web app to fetch and display player details.

Table of Contents

Technologies Used

  • React

Getting Started

To install and run this app locally simply follow the instructions below:

Pre-requisites

You need to have or install the following:

  1. Git bash
  2. Npm

Installation

  • Clone repo

    git clone https://github.com/Shreykr/Player-Details.git
    
  • Navigate to project folder

  • Run installation

    npm install
    
  • Create a .env file with this template at the root of your project

    REACT_APP_API_URL =  https://api.npoint.io/20c1afef1661881ddc9c
    
  • Start app

    npm run start
    
  • You can now fetch player details and search for players using their name or team name.

Screenshot

Hosted web application

https://player-details.netlify.app/

Author

Shreyas K R

About

A simple app that fetches player details and displays them in cards.

https://player-details.netlify.app/


Languages

Language:JavaScript 64.0%Language:CSS 30.0%Language:HTML 6.0%