Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hanahem/nba-highlights

🏀 A training project in ReactJs
https://github.com/hanahem/nba-highlights

Last synced: 25 days ago
JSON representation

🏀 A training project in ReactJs

Awesome Lists containing this project

README

        

# NBA Highlights

Training project in ReactJs.

## Introduction

This is a training project created to try ReactJs's different functions and features.
The projects shows mainly how to use:
```
Components
Routes
Links
Props
Fetching API
REST API mock
CSS Styling
Destructuring assignment
React CSS Transitions
Templating string
```

## Dependencies

[email protected]
[email protected]
json-server
npm

## Intallation

In order to launch the project, you need to clone the repository.
The project calls to a REST API mockup, using json-server.

1 - Launch the json-server mock in one terminal

```
npm install
json-server --watch db.json --port 3004
```

2 - Launch the application

```
npm start run
```

## Images

I have no rights on the images.

## Screenshots

Home Page
![alt text](homepage.png)

Team Search
![alt text](search.png)