For the Backend Repository, click here

The J-League Predictor is an application that allows soccer fans to predict the outcome of J-League games and earn points for accuracy.

Deployment: https://j-league-predictor.vercel.app/

Contents

• Tech-Stack
• Installation
• Usage
• Home
• Play
• Results
• Future Features
• Goals

Tech Stack

Task	Tech
Language
Framework
Testing
User Auth

Click here for the Backend Tech Stack

Installation

1. Clone the repository:

   git clone https://github.com/LakGillJPN/j-league-predictor.git
   

2. Install dependencies:

   npm install 
   

3. This application uses Firebase for authentication. Please create a .env file and use the .env.example file to see what variables are required.

Usage

The J-League Predictor app utilizes Express for its backend and React for its frontend. For the backend instructions, click here.

To start the frontend server:

 npm run start

The Frontend server will run on http://localhost:3000/

Home

On the homepage, we have a carousel wheel displaying all the games upcoming in this gameweek.

Play

On this page, users can make their prediction of what they think the score of this week's games will be. After making their prediction, a user can alter their prediction right up to the deadline.

Results

The results of the previous gameweek are compared to the user's prediction and awarded points.

• Correct Home or Away Score - 30pts
• Correct Outcome - 50pts
• Correct Home or Away Score + Correct Outcome - 70pts
• Correct Home and Away Score + Correct Outcome - 100pts

Future Features

• Leaderboard
• Display Names
• Results of Previous Gameweeks

Goals

• To have the application fully functional for the start of the next J-League season