Skip to content

A Vue Demo of A Sports Application taking data from an API or a local JSON file. This demo uses Vuex as well as Vuetify. It is currently live as a static webpage.

License

Notifications You must be signed in to change notification settings

tpreskenis/score-app-vue

Repository files navigation

Vue Score App

The follwing is a front end application built off of vue. It uses a score api to get data from two games and then transform that into an easily accessable application. The application is also built around using an iPhone X with touch screen, but also works on desktop.

Live at: Here (Local Only)


Project setup

The first thing you want to do is pull this repo. Then once you are in the root, run the following:

npm install

Once that is running then compile the application.

npm run serve

This repo is currently live at: https://gentle-sea-03c17830f.azurestaticapps.net

Of course this website will ONLY let you run with the Local option selected!

API or Local

If the API is not running, the application will ask you to either read from local files or download and run the API.

If You Run Local

1. Press the code icon.
2. Press the refresh button on the top bar. 

If You Run With API

1. Press the API icon.
2. This will take you to the API Page
3. You will need to request the Access URL as well as allow me to set up your location in MongoDB (https://github.com/tpreskenis/score-api)
4. Once the API is running locally, you press the refresh button on the top bar.

Roadmap

While the project is mainly done, I might come back and update. Currently the pictures are pulling from ESPN and the Vue componets can be consolidated.

Feedback

For any sort of feedback or questions about the project, feel free to reach out to me.

Subject Line: sports-vue-app-feedback

Feel free to use the componets and mix it up! Excited to see what people can build with this as a base. Or just use it to get ideas!

About

A Vue Demo of A Sports Application taking data from an API or a local JSON file. This demo uses Vuex as well as Vuetify. It is currently live as a static webpage.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published