BetParser WebApp is a modern Angular application for analyzing live betting odds. Built for sports betting enthusiasts and analysts, it provides real-time insights into SureBets and ValueBets, helping users identify profitable opportunities.
This software is provided for educational and research purposes only. The authors of this project do not condone or encourage any illegal activities, including but not limited to unauthorized data scraping or infringement of intellectual property rights.
All trademarks, logos, and brand names mentioned in this project (e.g., Bwin, Bet365, William Hill, Sisal, Eurobet, etc.) are the property of their respective owners. The use of these names is for identification purposes only and does not imply endorsement or affiliation.
By using this software, you agree that the authors are not liable for any misuse or legal consequences arising from its use. It is your responsibility to ensure compliance with all applicable laws and regulations in your jurisdiction.
- Project Overview
- Features
- Screenshots
- Live Demo
- Environment Setup
- Usage
- Development
- Acknowledgments
- Support
- License
BetParser WebApp is a tool designed to empower sports betting enthusiasts and analysts by providing actionable insights into live betting odds. By leveraging Firebase for real-time data synchronization, the app ensures users can access up-to-date information on SureBets and ValueBets. Additionally, its integration with BetParser Crawler allows seamless access to parsed betting data, creating a unified ecosystem for betting analysis. Built with Angular, the app prioritizes responsiveness and ease of use, making it suitable for both casual users and professional analysts.
- Live Odds Analysis: View and analyze live betting odds in real-time.
- SureBets and ValueBets Detection: Automatically identify profitable betting opportunities.
- Firebase Integration: Seamlessly sync and access shared data.
Here are some screenshots of the BetParser WebApp in action:
Check out the latest working version of the app here:
BetParser WebApp
1. Install Node Package Manager
Recommended versions: 12-14 (best compatibility). Limited support for 16+ (app runs, but some unit tests may fail).
Run the following command to install the required tools globally:
npm install -g @angular/cli firebase-toolsEnsure Angular CLI and Firebase CLI are installed globally.
Use the following commands to check versions:
ng version
firebase --versionRequired versions:
- Angular CLI: Version >= 8
- Firebase CLI: Version > 7.5
Open a terminal in the project folder and run:
npm installThe BetParser WebApp uses the same Firebase DB as the BetParser Crawler. Ensure you configure the environment files (src/environment/environment.*.ts) with the Firebase DB settings (API key, domain, URL, etc.).
Note: The shared Firebase database contains the
parsed_betscollection, which stores the parsed betting data.
The app only requires read access to the Firebase DB. Write access is not needed.
For quick testing, you can allow open read access by using the following Firebase DB rules:
{
"rules": {
".read": true,
".write": false
}
}Warning: This setup provides minimal security. Anyone with the database URL will be able to read your data.
For better security, require authentication for read access:
{
"rules": {
".read": "auth != null",
".write": false
}
}Then, enable Anonymous Authentication in the Firebase Console:
- Go to Authentication > Sign-in method.
- Enable Anonymous authentication.
How It Works:
The BetParser WebApp will automatically handle anonymous authentication using the Firebase API key and settings provided in the environment files. Once authenticated, the app will seamlessly access the database.
Note: The crawler uses admin credentials to write data to the database. You don’t need to enable write access in the db rules.
To enable Google Maps features, ensure your Google Maps API key is added to the googleMaps property in the environment files (src/environment/environment.*.ts).
Note: Ensure that your Google Maps API key has the necessary permissions enabled (e.g., Maps JavaScript API) in the Google Cloud Console.
Run the following command to start the application:
ng serveNavigate to http://localhost:4200/. The app will automatically reload when source files are modified.
To deploy the app to Firebase, follow these steps:
- Build the project for production:
ng build --prod- Log in to Firebase:
firebase login --interactive- Deploy the app:
firebase deployNote: Additional configuration may be required to set up the target project/cloud storage on Firebase.
Run the following command to start a development server:
ng serveNavigate to http://localhost:4200/. The app will automatically reload when source files are modified.
Generate a new component, directive, or other Angular elements using:
ng generate component component-name
ng generate directive|pipe|service|class|guard|interface|enum|moduleBuild the project with:
ng buildFor a production build, use:
ng build --prodExecute unit tests via Karma:
ng testTo get more help on the Angular CLI, use:
ng helpOr visit the Angular CLI README.
-
Recommended IDE:
Visual Studio Code (freeware). -
Install VS Code Extensions:
Add these extensions for a better development experience:- Angular Files (quick scaffolding)
- Angular Language Service (template support)
- Angular Snippets (powerful snippets)
- Debugger for Chrome
- HTML Format
Special thanks to Creative Tim for the Black Dashboard Angular UI template.
While heavily reworked, the app's graphical charm is due to their amazing design.
If you find this project useful, consider supporting its development:
- ⭐ Star the repository to show your appreciation.
- 💬 Share feedback or suggestions by opening an issue.
- ☕ Buy me a coffee to support future updates and improvements.
- 🔵 BTC Address:
bc1qzy6e99pkeq00rsx8jptx93jv56s9ak2lz32e2d - 🟣 ETH Address:
0x38cf74ED056fF994342941372F8ffC5C45E6cF21
This project is licensed under the MIT License. See the LICENSE file for more details.