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.
- 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
- React.js
- create-react-app
- Redux Toolkit
- Jest
- React Testing Library
To get this project up and running locally, you must have node and yarn installed locally.
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.
-
Open Terminal
-
Install dependencies (only if you did not install them previously):
npm install -
Run the tests with the command:
npm test
👤 Ebeagu Samuel
- Email: samuelebeagu@gmail.com
- Github: ebeagusamuel
- Twitter: @ebeagu_samuel
- Linkedin: Samuel Ebeagu
Our favourite contributions are those that help us improve the project, whether with a contribution, an issue, or a feature request!
If you've read this far....give us a ⭐️!
This project is licensed by Microverse