π― BetSlip Engine
A full-stack betting payout simulation platform built with React and ASP.NET Core Web API.
This project simulates core betting platform functionality including bet slip management, odds multiplication, and payout calculation. It is designed to demonstrate clean architecture, structured Git workflow, and collaborative development practices.
π System Architecture Frontend (React) β REST API (ASP.NET Core) β Business Logic Layer (Payout Service)
The frontend handles user interaction and bet slip management.
The backend exposes RESTful endpoints.
Business logic is separated into services following clean architecture principles.
π Core Features
Display matches with betting odds
Add selections to a bet slip
Multiply total odds
Calculate potential payout
Validate stake input
Clean separation of concerns
π Tech Stack Frontend
React
HTML5
CSS3
Axios (API calls)
Backend
ASP.NET Core Web API
C#
RESTful API design
Dependency Injection
π Project Structure betslip-engine/ β βββ frontend/ β βββ backend/ β βββ docs/ β βββ README.md π Getting Started Backend cd backend dotnet run
API will run on:
https://localhost:5001 Frontend cd frontend npm install npm start
App runs on:
http://localhost:3000 π Git Workflow
main β Production-ready code
develop β Active development
feature/* β New functionality branches
Pull Requests required before merging
Example commit format:
feat: implemented payout calculation service fix: corrected decimal rounding issue refactor: separated business logic from controller π Future Improvements
Real-time odds updates (WebSockets)
User authentication
Persistent database storage
Risk management module
Unit testing coverage
π₯ Collaboration
This project is developed collaboratively using:
Feature branching
Pull requests
Code reviews
Structured commit messages