⚽️ Premier Tally 🏟️

👆Click the heading to visit the deploy link👆

Web application that is meant to provide knowledge on the English Premier League that includes historic league tables, top moments in the league, and features a game to learn about top goal scorers. It is designed with multiple screen sizes in mind, with responsiveness to accommodate all.

Preview:

Technologies Used

Installation Instructions:

• Visit the deployed link
• OR run the following on command line to clone the repo and run the app locally:

  git clone [email protected]:corysanders3/prem-results-fe.git
  cd prem-results-fe
  npm install
  npm start
  

Run Tests

• Ensure you're running the app locally (see Installation Instructions above)
• Run the following on command line to open Cypress: npm run cypress
• Click E2E Testing, then Start E2E Testing in desired browser
• Select home_spec, about_spec, standings_spec, or game_spec to run desired tests

Backend:

• Here is a link to the backend repo. The server is already deployed.

Context:

• ~40 hours to complete functionality, test suite, and responsiveness
• Goals

  - Successfully implement TypeScript into a solo project
  - Build e-2-e test suite with intercepted network requests
  - Ensure site is responsive for all screen sizes
  

• Wins

  - Functionality for goals game to determine a winning condition
  - Automatic deployments with Vercel
  - Using conditional logic for rendering components
  

• Challenges

  - Implementing sessionStorage to keep track of game wins if user navigates to a different page
  - Handrolling data for site and deploying server