Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ebeagusamuel/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.
https://github.com/ebeagusamuel/react-capstone
api jest reactjs redux redux-toolkit
Last synced: 11 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/ebeagusamuel/react-capstone
- Owner: ebeagusamuel
- Created: 2020-11-07T12:26:38.000Z (about 4 years ago)
- Default Branch: development
- Last Pushed: 2023-09-10T17:24:23.000Z (about 1 year ago)
- Last Synced: 2023-09-10T18:29:20.588Z (about 1 year ago)
- Topics: api, jest, reactjs, redux, redux-toolkit
- Language: JavaScript
- Homepage: https://soccer-highlights199.netlify.app/
- Size: 1.18 MB
- Stars: 18
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
  
# 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](https://www.scorebat.com/)
>
> 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](http://https://soccer-highlights199.netlify.app//)
## Screenshots of the app.
## 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](https://nodejs.org/en/) and [yarn](https://yarnpkg.com/) 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**
- Email: [[email protected]]([email protected])
- Github: [ebeagusamuel](https://github.com/ebeagusamuel)
- Twitter: [@ebeagu_samuel](https://twitter.com/ebeagu_samuel)
- Linkedin: [Samuel Ebeagu](https://www.linkedin.com/in/ebeagusamuel/)
## 🤝 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]