https://github.com/jacknormand/tracktrends-application
Full-stack web app for college track data
https://github.com/jacknormand/tracktrends-application
angular angular17 chartjs colleges datascience datavisualization demo demo-app docker dockercompose maven sports sports-analytics sports-data spring-boot
Last synced: 5 months ago
JSON representation
Full-stack web app for college track data
- Host: GitHub
- URL: https://github.com/jacknormand/tracktrends-application
- Owner: jacknormand
- Created: 2024-01-07T06:11:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-29T01:17:30.000Z (over 2 years ago)
- Last Synced: 2025-02-28T12:40:01.475Z (over 1 year ago)
- Topics: angular, angular17, chartjs, colleges, datascience, datavisualization, demo, demo-app, docker, dockercompose, maven, sports, sports-analytics, sports-data, spring-boot
- Language: TypeScript
- Homepage: https://tracktrends.jacknormand.com/
- Size: 169 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[Check it out here!](https://tracktrends.jacknormand.com)
Welcome to tracktrends! This application is designed to provide users with easy access to data related to college track and field events. Built with Angular for the frontend and Spring Boot for the backend, this platform offers a user-friendly interface for accessing and exploring various aspects of college track and field performances. This project also serves as a demo for anyone looking for a full stack application using the same stack (Angular, Postgre, Spring). When I was creating this app, I found it hard to find samples and resources for newer versions of Angular/other technologies. Maybe this can help some people :)
## Features
- View the best teams in Divison 1 college track
- See how performances increase or decrease over time
- Look at when athletes tend to peak in certain events throughout the year
- See which schools are the best at which events
## Screenshots
## Technologies Used
- Frontend
- [Angular 17](https://angular.io/)
- [TailwindCSS](https://tailwindcss.com/)
- [Flowbite](https://flowbite.com/)
- [Chart.js](https://www.chartjs.org/)
- Hosted with [Firebase Hosting](https://firebase.google.com/)
- Backend
- [Spring Boot](https://spring.io/) (Maven)
- [PostgreSQL](https://www.postgresql.org/)
- [Docker](https://www.docker.com/) + Docker Compose
- Hosted on a [DigitalOcean](https://www.digitalocean.com/) Droplet
## Want to run this on your machine? Get started below
NOTE: This setup is extremely brief intentionally because I don't expect anyone to actually run this themselves.
1. Clone this repo: `git clone https://github.com/jacknormand/TrackTrends-Application.git`
2. Setup the backend
- Fill out the docker-compose.yml with your environment variables for your database
- Add an application.properties to main/resources (didn't include this for security reasons)
- (optional) add .sql file for a database to load. I did this because the databases I use are small, and need to be moved around/updated a lot. Use pg_dump to create .sql file if you want to do it this way.
- To package backend: `mvn package -DskipTests`
- Build image with docker: `docker build . -t trends:v1`
- `docker-compose up` to run it!
3. Setup the frontend
- Install Angular and run `ng serve --open`
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Disclaimer
This application is intended for educational purposes only. The track and field data displayed within this application is sourced from publicly available sources on the web. Data is not included in this project repository and users must collect their own data if they wish to use this project themselves