Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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)