Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raminka13/premier-standings
Mobile web app to follow scores and standings for the English Premier League, from 2001 season to now.
https://github.com/raminka13/premier-standings
api-rest react redux
Last synced: 3 days ago
JSON representation
Mobile web app to follow scores and standings for the English Premier League, from 2001 season to now.
- Host: GitHub
- URL: https://github.com/raminka13/premier-standings
- Owner: raminka13
- License: mit
- Created: 2022-08-26T13:29:06.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2022-09-01T16:24:13.000Z (about 2 years ago)
- Last Synced: 2023-03-05T03:12:55.211Z (over 1 year ago)
- Topics: api-rest, react, redux
- Language: JavaScript
- Homepage: https://leagues-standings-raminka.netlify.app/
- Size: 1010 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
[![Netlify Status](https://api.netlify.com/api/v1/badges/0d502559-ef29-4eac-be9c-a98799ab9fad/deploy-status)](https://app.netlify.com/sites/leagues-standings-raminka/deploys)---
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![Webpack](https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=black) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)---
# Premier League Standings ⚽️
> Mobile web app to follow scores and standings for the English Premier League, from 2001 season to now.
Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio).
![](Seasons.png) ![](Standings.png)
## Static Deploy
[![Netlify Status](https://api.netlify.com/api/v1/badges/0d502559-ef29-4eac-be9c-a98799ab9fad/deploy-status)](https://app.netlify.com/sites/leagues-standings-raminka/deploys)
- [Netlify](https://leagues-standings-raminka.netlify.app/)## Static Deploy
[Video Presentation](https://youtu.be/Hy242UqNOts)## Tech ⌘⇧
- **HTML & CSS best practices:** Correct use of tags, elements, properties and syntax.
- **GitHub flow:** Correct use of Branches for deployment and features development.
- **Webpack:** Source development for production bundling.
- **Linters Check:** Local and Pull Request Github workflows to check for stylistic errors, bugs and syntax errors in code.
- **React:** Build on `React.js` framework with jsx.
- **Redux:** Build on `Redux Toolkit` librarie to manage the app state.## Clone Repository
- Copy this code on your CLI to clone the repository `$ git clone https://github.com/raminka13/premier-standings.git`
- `cd premier-standings`
- run `npm install` to install all the dependencies.
- run `npm start` to open the app in your localServer.## Author ✍🏼
👤 **Raul A Ospina** 🧑🏻💻
- GitHub: [@raminka13](https://github.com/raminka13)
- Twitter: [@raminka13](https://twitter.com/raminka13)
- LinkedIn: [Raul Ospina](http://linkedin.com/in/raul-ospina)## Project Milestones
- **Milestone 1** Create-React-App, basic components, and Redux store . ✅
- **Milestone 2** Use Redux in React components. ✅
- **Milestone 3** Connect to API. ✅
- **Milestone 4** Styling. ✅
- **Milestone 5** Testing. ✅## 🤝 Contributing
> Contributions, issues, and feature requests are welcome!
> Feel free to check the [issues page](https://github.com/raminka13/premier-standings/issues).## Show your support 🦾
- Give a ⭐️ if you like this project!
## License 📝
- This project is [MIT](LICENSE) licensed.
---
![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white)