/react-capstone

SoccerHighlights is an application in which you can watch video highlights of your favorite teams and soccer games. The APP was created using React.js and Redux Toolkit. The application makes use of an API for fetching data and is fully mobile responsive and tested using Jest and the React Testing Library.

Primary LanguageJavaScript

Hireable

SoccerHighlights

SoccerHighlights is an application in which you can watch video highlights of your favorite teams and soccer games.
The APP was created using React.js and Redux Toolkit
The application makes use of an API for fetching data: ScoreBatAPI
The app is fully mobile responsive and tested using Jest and the React Testing Library.

App functionality

  • Users can view several games that have been played from different leagues.
  • Users can filter the games by league name.
  • Users can click on the button on the game cards to be routed to a different page where they can watch the video highlight of that particular game.

This web app is live, you can check it here: Live demo

Screenshots of the app.

soccer-highlight-screenshot

soccer-highlight-screenshot2

Built With

  • React.js
  • create-react-app
  • Redux Toolkit

Testing

  • Jest
  • React Testing Library

Prerequisities

To get this project up and running locally, you must have node and yarn installed locally.

Getting Started

To get this project set up on your local machine, follow these simple steps:

Step 1
Navigate through the local folder where you want to clone the repository and run
git clone https://github.com/ebeagusamuel/react-capstone.git. It will clone the repo to your local folder.
Step 2
Run cd react-capstone
Step 3
Run npm install to install the npm packages from the package.json file.
Step 4
Run npm start to start the webpack server, you can now navigate to http://localhost:3000 to view the app. The server refreshes the app every time you make a change to a file used by it.

Tests

  1. Open Terminal

  2. Install dependencies (only if you did not install them previously):

    npm install

  3. Run the tests with the command:

    npm test

Authors

👤 Ebeagu Samuel

🤝 Contributing

Our favourite contributions are those that help us improve the project, whether with a contribution, an issue, or a feature request!

Show your support

If you've read this far....give us a ⭐️!

📝 License

This project is licensed by Microverse

Credits

Favicon gotten from www.flaticon.com
[Microverse](https://www.microverse.org/) for the module of this project [Catalogue-of-Recipe]