Shows the ranking of teams for 'MdRzA - Mit dem Rad zur Arbeit'. Users can create a link to share or use himself.
This app is online under mdrza-ranking.inpercima.net.
This project was generated with swaaplate version 2.5.3.
@angular/cli 18.2.3
or higher
node 20.15.1
or higher in combination withnpm 10.7.0
or higher orpnpm 9.9.0
or higher, used in this repository
# clone project
git clone https://github.com/inpercima/mdrza-ranking/
cd mdrza-ranking
# install tools and frontend dependencies
pnpm install
Create environment files for development mode
and production mode
.
cp src/environments/environment.ts src/environments/environment.dev.ts
cp src/environments/environment.ts src/environments/environment.prod.ts
Note: These files will not be under version control but listed in .gitignore.
It is recommanded to use a server to get full access of all angular. For the other options your app should run on a server which you like.
# build, reachable on http://localhost/app/path/to/dist/
pnpm build:dev
# build and starts a server, rebuild after changes, reachable on http://localhost:4200/
pnpm start
# build in production mode, compressed
pnpm build:prod
# test
ng test
# e2e
ng e2e
All options have to been set in the environment files but some of them do not need to be changed.
All defaults refer to the environment file (environment.ts
), they are prepared in development mode
(environment.dev.ts
).
Change for production mode
the option production
to true
.
Defines the URL to the backend.
- default:
https://www.mit-dem-rad-zur-arbeit.de/api/teamranking.php?trid=98
- type:
string
Applicationwide title of the app, displayed in title and toolbar.
- default:
MdRzA Ranking
- type:
string
The default route and the route to be redirected after a login if no route is stored or if a route does not exist.
- default:
dashboard
- type:
string
Defines whether the app is in production or not.
- default:
false
- type:
boolean
- values:
true
/false
Name of a build-in theme from angular-material or a custom light or dark theme.
- default:
indigo-pink
- type:
string
- values:
deeppurple-amber
/indigo-pink
/pink-bluegrey
/purple-green
/custom-light
/custom-dark
To create a custom light or dark theme just edit the colors and themes in themes.scss
.