A web app that displays current stats of your favorite Premier League team

Related tags

CSS react redux sass api scss
Overview

Premstats

This is a web app that displays current stats of your favorite Premier League team.

main screenshot
my profile page
my profile page

Built With

  • ReactJS

Technologies used

  • Redux
  • React Router
  • Sass
  • React Testing Library

Video Presentation

Video Presentation Link

Live Demo

Warning! The API has limit of 100 requests per day!

Live Demo Link (Netlify) Live Demo Link (Heroku)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

To run the project on your local machine you need to have:

  • bash cli.
  • npm.

Setup

Go to the terminal and type:

  • git clone https://github.com/anuarshaidenov/premstats.git [YOUR_PROJECT_NAME]
  • cd [YOUR_PROJECT_NAME]
  • npm install

Usage

To start a local server on port 3000 run:

  • npm start

Author

๐Ÿ‘ค Anuar Shaidenov

Acknowledgements

Design inpired by Nelson Sakwa

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

๐Ÿ“ License

This project is MIT licensed.

You might also like...

Math magicians is a single page app for all mathematics lovers. Math Magicians allow users to perform simple calculations and It generates mathematics quotes.

Math magicians is a single page app for all mathematics lovers. Math Magicians allow users to perform simple calculations and It generates mathematics quotes.

Math Magicians Math Magician is a single Page App that have three interfaces. It allows users to perform simple math calculations, user can read the m

Aug 21, 2022

Online Banking App is developed by me and 3 of my friends inspired by existing models.

Online Banking App is developed by me and 3 of my friends inspired by existing models. The app leverages standard web technologies and was generated with Angular CLI version 9.1.7.

Aug 30, 2022

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs ยป Report bug ยท Request feat

Jan 1, 2023

A set of small, responsive CSS modules that you can use in every web project.

A set of small, responsive CSS modules that you can use in every web project.

Pure A set of small, responsive CSS modules that you can use in every web project. http://purecss.io/ This project is looking for maintainers to suppo

Jan 3, 2023

A lightweight and modular front-end framework for developing fast and powerful web interfaces

A lightweight and modular front-end framework for developing fast and powerful web interfaces

UIkit UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Homepage - Learn more about UIkit @getui

Jan 8, 2023

Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Jan 3, 2023

A bare-bones CSS reset for modern web development.

A modern CSS reset A tiny little reset that you can use as the basis of your CSS projects. You can read a breakdown of it here. Installation NPM: npm

Jan 1, 2023

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Jan 1, 2023
Comments
  • Premstats: complete project

    Premstats: complete project

    Hi reviewer!๐Ÿ™‚

    Here are the technical details of the project in a nutshell:

    • The project uses the football API (It has a limit of 100 requests per day).
      • I'm using 3 endpoints: Teams data, Individual team stats, and standings.
    • It has 3 routes:
      • Home page
      • Team page
      • Standings page
    • Created tests:
      • Unit tests for the redux pure functions
      • Unit and Integration tests for the components

    Cheers and happy coding!๐ŸŽ‰

    opened by anuarshaidenov 2
Owner
Anuar Shaidenov
Front End Developer | UI/UX Designer with a passion for appealing designs that follow design fundamentals. Open to new opportunities.
Anuar Shaidenov
Deploying a React App (created using create-react-app) to GitHub Pages

Deploying a React App* to GitHub Pages * created using create-react-app Introduction In this tutorial, I'll show you how I deployed a React appโ€”which

gitname 4.4k Dec 31, 2022
Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS

Automatic GatsbyJS App Landing Page Create and deploy an iOS app landing page on GitHub Pages and Netlify in a couple of minutes ?? Fork this repo ??

Imed Adel 173 Jan 1, 2023
A web app landing page theme created by Start Bootstrap

Start Bootstrap - New Age New Age is a web app landing page theme for Bootstrap created by Start Bootstrap. Preview View Live Preview Status Download

Start Bootstrap 996 Dec 26, 2022
AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Kriasoft 105 Jun 18, 2022
๐Ÿ“ฑ Free to use static generated website template for your mobile app

Mobile App Landing Page Template ?? Free to use static generated landing page template for your mobile app ?? Features Mobile App Landing Page Templat

Sandoche ADITTANE 467 Dec 30, 2022
A service to add web page screenshots to your Eleventy sites.

Screenshot API A runtime service to use live website screenshots on your site. Usage Image URLs have the formats: https://v1.screenshot.11ty.dev/:url/

Eleventy 91 Dec 24, 2022
Octoprint-Detector2 is a detection plugin that runs in locally your browser and emails you if it detects some spaghetti, stringing or blobs on your print

Octoprint-Detector2 is a detection plugin that runs in locally your browser and emails you if it detects some spaghetti, stringing or blobs on your print. All you need is an email account and a PC.

Mikulash 24 Jan 2, 2023
้€‚ๅˆ็จ‹ๅบๅ‘˜ๆˆ–่ฎพ่ฎกๅธˆ็š„็ฎ€ๅŽ†ๆจกๆฟ by Sketch.app

้€‚ๅˆ็จ‹ๅบๅ‘˜/่ฎพ่ฎกๅธˆ็š„็ฎ€ๅŽ†ๆจกๆฟ ๅˆถไฝœๅทฅๅ…ท๏ผšSketch๏ผˆ็‰ˆๆœฌ:4.7๏ผ‰ ่ฏดๆ˜Ž ่ฏฅ็ฎ€ๅŽ†็š„็คบไพ‹ๅ†…ๅฎน่™ฝ็„ถๅๅ‘ไบŽๅ‰็ซฏๅทฅ็จ‹ๅธˆ๏ผŒไธ่ฟ‡้€‚็”จ่Œƒๅ›ดๅนถไธไป…้™ไบŽๆญคใ€‚ 2019 ๆ–ฐ็‰ˆ ๅ‰็ซฏใ€่ฎพ่ฎกๅธˆ๏ผš ็จ‹ๅบๅ‘˜๏ผš ็จ‹ๅบๅ‘˜ไธญๆ–‡๏ผš ็”Ÿๆˆ PDF ๆญฅ้ชค ไฝฟ็”จ Sketch.app: Share -> Export Artboards

han 487 Jan 2, 2023
An easy-to-use linux app that lets you create Desktop Shortcuts hassle-free

DeskCut An easy to use app that lets you create Desktop Shortcuts (.desktop files) on Linux without requiring to mess with .desktop files! How to use

null 96 Dec 30, 2022