Get5Vue - Front-end website for G5API

Get5Vue - Front-end website for G5API

Get5Vue (G5V) is going to be a replacement for the get5-webpanel. Currently this is a basic implementation for the extent of G5API and is going to focus on basic features of presenting data.

Get5Vue - Front-end website for G5API

Get5Vue (G5V) is going to be a replacement for the get5-webpanel. Currently this is a basic implementation for the extent of G5API and is going to focus on basic features of presenting data.

What does it do?

Currently, it displays data loaded from the API. You can login through steam and see current matches, and all teams. That's it for now.

What does it NOT do?

Literally everything you want it to. This is just a basic foray into working with an API and learning to proxy from one server to another.

Why?

Get5-webpanel is a now out-dated webpanel, with python2.7 being officially EOL. Being built all on Flask, with ORM (SQLAlchemy), and Jinja2, its tech spans more than a few years old. While it works really well for now, it is becoming increasingly harder to deploy to more modern hardware/software (such as Ubuntu 19) to ensure easy setup.

The intent will to be provide similar functionality with the use of G5API and Vue (with vuetify!), so it is a more responsive, mobile-friendly website, as opposed to the old one.

Building

In order to build this application, I've opted to use Yarn.

You will also need a working instance of G5API. The setup can be found at that repos configuration.

Build and run:

yarn serve

Spins up a development server where you can make all your calls.

Production:

yarn build

This will generate a minified and buildable version of the website in the dist folder to use on a web server. In order to use history, you must have a proxy enabled.

Contribution

Sure! If you have a knack for APIs and a penchant for JavaScript, I could always use help! Create a fork of this application, make your changes, and submit a PR. I will be using the Issues page to track what calls still need to be completed. This project won't be finished anytime soon, as I'm still learning on how to use various front-end tools. But feel free to start working on some routes/new pages and submit them!

Special Thanks

Screenshots

Download Details:

Author: PhlexPlexico

Source Code: https://github.com/PhlexPlexico/G5V

vuejs vue javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

How to Make a Simple Vue Custom Select Component

In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, it’s the same component that we use in production on Qvault, and you can see it in action on the playground.

Creating a Custom Tooltip Component in Vue

There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.