SportingCenter: Web App

Angular frontend for the SportingCenter gym booking and management platform. Built as a university exam project (Group 16).

Overview

A web interface for gym members and administrators to manage bookings, activities, and subscriptions. Uses the SportingCenterBackend microservices API.

Features

• Activity catalog browsing
• Booking calendar (angular-calendar + flatpickr)
• Membership subscription management
• OAuth2 social login integration
• Dashboard with charts (chart.js)
• Responsive UI based on Argon Dashboard (Bootstrap 4)

Tech Stack

• Angular (with @angular/http, @ng-bootstrap)
• Bootstrap 4 / Argon Dashboard template
• chart.js for data visualization
• angular-calendar + flatpickr for booking calendar
• Spring Boot backend embedded in /springBoot (BFF layer)

Run locally

npm install
ng serve

App runs at http://localhost:4200. Make sure the backend services are running.

Related repos

• SportingCenterBackend: microservices backend
• SportingCenterAndroidApp: Android mobile app

---

University project, Technologies for Advanced Software (TaaS), 2021