EPL Team Search App V2 (React, Redux, Webpack 4, The SportsDB API, Reactstrap, SASS and Autoprefixer)

This is V2 of my EPL Team Search App. This version uses a Redux store with middleware rather local state to pass data to components

Redux

Redux with middleware is used to record actions and dispatch relevant data to components

Webpack (Compiled CSS with autoprefixer)

This is already configured to compile SASS to CSS and to apply autoprefixing to the CSS

Reactstrap

Implementation of reactstrap for a responsive layout

The SportsDB API

Integration of the SportsDB Football API. Includes a search and selection of a current English Premier League team. The result then provides details such as club location, manager, basic history etc. Under the Match History section, a user can select a particular opponent team which produces a list of dates and results between the teams.

Components

Search Filter

A simple dropdown that is populated with EPL football team data from the API

Team Profile

Based on the selected team's associated ID, detail about a particular team are produced and displayed. Under Match History anotehr dropdown can be selected that allows an opponent to be selected

React FontAwesome

A component called FontAwesome where cool icons can be specified via an object through props from it's massive library

Quick Start

# Install dependencies
npm install

# Serve on localhost:3000
npm run dev

# Build for production
npm run build

Author

Kyri Kyriacou

Version

1.0.0

License

This project is licensed under the MIT License