{"id":17808930,"url":"https://github.com/ebeagusamuel/react-capstone","last_synced_at":"2025-03-17T15:31:57.589Z","repository":{"id":56395507,"uuid":"310839473","full_name":"ebeagusamuel/react-capstone","owner":"ebeagusamuel","description":"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.","archived":false,"fork":false,"pushed_at":"2023-09-10T17:24:23.000Z","size":1237,"stargazers_count":18,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"development","last_synced_at":"2023-09-10T18:29:20.588Z","etag":null,"topics":["api","jest","reactjs","redux","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://soccer-highlights199.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ebeagusamuel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-11-07T12:26:38.000Z","updated_at":"2023-09-10T17:24:43.000Z","dependencies_parsed_at":"2022-08-15T18:00:21.140Z","dependency_job_id":null,"html_url":"https://github.com/ebeagusamuel/react-capstone","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebeagusamuel%2Freact-capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebeagusamuel%2Freact-capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebeagusamuel%2Freact-capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebeagusamuel%2Freact-capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ebeagusamuel","download_url":"https://codeload.github.com/ebeagusamuel/react-capstone/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221696062,"owners_count":16865349,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","jest","reactjs","redux","redux-toolkit"],"created_at":"2024-10-27T15:13:14.806Z","updated_at":"2024-10-27T15:13:16.680Z","avatar_url":"https://github.com/ebeagusamuel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Hireable](https://img.shields.io/badge/Hireable-yes-success) ![](https://img.shields.io/badge/Mobile--responsive-yes-green) ![](https://img.shields.io/badge/-Microverse%20projects-blueviolet)\n\n# SoccerHighlights \n\n\u003e SoccerHighlights  is an application in which you can watch video highlights of your favorite teams and soccer games.\n\u003e \u003cbr\u003e\n\u003e The APP was created  using React.js and Redux Toolkit\n\u003e \u003cbr\u003e\n\u003e The application makes use of an API for fetching data: [ScoreBatAPI](https://www.scorebat.com/)\n\u003e \u003cbr\u003e\n\u003e The app is fully mobile responsive and tested using Jest and the React Testing Library.\n\u003e \u003cbr\u003e\n\n## App functionality\n\n- Users can view several games that have been played from different leagues.\n- Users can filter the games by league name.\n- 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.\n\n\n## This web app is live, you can check it here: [Live demo](http://https://soccer-highlights199.netlify.app//)\n\n## Screenshots of the app.\n\n![soccer-highlight-screenshot](https://user-images.githubusercontent.com/57847212/98553195-a5b24400-229f-11eb-9cb6-c224485a1c0e.png)\n\n![soccer-highlight-screenshot2](https://user-images.githubusercontent.com/57847212/98553241-b6fb5080-229f-11eb-8cb0-403f82260c22.png)\n\n\n\n## Built With\n\n- React.js\n- create-react-app\n- Redux Toolkit\n\n## Testing\n- Jest\n- React Testing Library\n\n## Prerequisities\n\nTo get this project up and running locally, you must have [node](https://nodejs.org/en/) and [yarn](https://yarnpkg.com/) installed locally.\n\n## Getting Started\n\n**To get this project set up on your local machine, follow these simple steps:**\n\n**Step 1**\u003cbr\u003e\nNavigate through the local folder where you want to clone the repository and run\u003cbr\u003e\n`git clone https://github.com/ebeagusamuel/react-capstone.git`. It will clone the repo to your local folder.\u003cbr\u003e\n**Step 2**\u003cbr\u003e\nRun `cd react-capstone`\u003cbr\u003e\n**Step 3**\u003cbr\u003e\nRun `npm install` to install the npm packages from the `package.json` file.\u003cbr\u003e\n**Step 4**\u003cbr\u003e\nRun `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.\u003cbr\u003e\n\n## Tests\n\n1. Open Terminal\n\n2. Install dependencies (only if you did not install them previously):\n\n   `npm install`\n\n3. Run the tests with the command:\n\n   `npm test`\n\n## Authors\n\n👤 **Ebeagu Samuel**\n\n- Email: [samuelebeagu@gmail.com](samuelebeagu@gmail.com)\n- Github: [ebeagusamuel](https://github.com/ebeagusamuel)\n- Twitter: [@ebeagu_samuel](https://twitter.com/ebeagu_samuel)\n- Linkedin: [Samuel Ebeagu](https://www.linkedin.com/in/ebeagusamuel/)\n\n## 🤝 Contributing\n\nOur favourite contributions are those that help us improve the project, whether with a contribution, an issue, or a feature request!\n\n## Show your support\n\nIf you've read this far....give us a ⭐️!\n\n## 📝 License\n\nThis project is licensed by Microverse\n\n## Credits\n\u003cdiv\u003eFavicon gotten from \u003ca href=\"https://www.flaticon.com/\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e\u003c/div\u003e\n[Microverse](https://www.microverse.org/) for the module of this project [Catalogue-of-Recipe]","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Febeagusamuel%2Freact-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Febeagusamuel%2Freact-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Febeagusamuel%2Freact-capstone/lists"}