Sports prediction web app is my ‘wanna-be’ side project that I have never been able to finish. The project is based on React and I implemented Firebase to save data from the API there in order to save API calls.
Side project based on React and implementing [https://www.api-football.com/](football API). They have other APIs such as basketball, baseball and it could be implemented in an all-in-one sports prediction application.
The idea and challenge was to build a sports prediction web application (there’s a PWA) that would help sports bettors decide which game to bet on. Most people use the Flashscore application to see the stats like previous games and standings, but here they can see more than that.
Also, there are advice and tips that come from the API and I am going to show you in the screenshots all the data.
Besides predictions I wanted to implement in this project:
News Bankroll Chatroom Live streams (add streaming links User profile / Settings
Clicking on the banner on the /dashboard page will initiate downloading/installation of the PWA.
- React
- Firebase
Rename 'example_dot_env' file to '.env' file and update 'REACT_APP_API_URL' with your localhost URL.
This command installs a package and any packages that it depends on.
Create new Firebase project, and copy/paste your web app's Firebase configuration in firebase.js file.
After that, you need to go to Firestore Database and update the rules:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=\*\*} {
allow read, write;
}
// match any doc in transactions collection
match /transactions/{transactionId} {
allow read, write: if request.auth.uid != null;
}
}
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
- /register
- /dashboard