Skip to content

Frontend Application, part of the Cloud-Web-Infrastructure Project, used as a Main UI Application, written in Vue JS

Notifications You must be signed in to change notification settings

LovePelmeni/KubeLagoon-Front

Repository files navigation

Infrastructure

Web Cloud Infrastructure, Deploy Your Applications easily, taking less effort


Documentation: https://github.com/LovePelmeni/Web-CloudInfrastructure/README.md

Frontend Source Code: "https://github.com/LovePelmeni/KubeLagoon-Front.git

Backend Source Code: "https://github.com/LovePelmeni/KubeLagoon.git


KubeLagoon - Prototype of the Cloud Infrastructure, that provides ability to setup Virtual Servers with Custom Configuration and OS, Private and Public Networks. The Service is being developed since 17 August of 2022, and is focused on Design Improvement and Quick Interaction to make User Experience much better


UI Application Overview

Platform Provides the Virtual Server Info Page so you can Get Specific Information about your Server and Bill Details, what are you paying for and how much

Infrastructure

Platform Provides the Virtual Server Info Page so you can Get Specific Information about your Server and Bill Details, what are you paying for and how much

Infrastructure

Provides the Configuration Form, where you can setup hardware / customized resources and get realtime cost of your setup

Supports the Chart Diagrams to show the Resources Usage of your Server

Infrastructure

Provides Connection Instructions Info for your Virtual Server

It will let you know, if the server is running and you can perform any connections

Infrastructure

It will let you know, if the server is being shutdown and you cannot perform any connections

Infrastructure

It will let you know, if the server is being updated / deployed and you cannot perform any connections

Infrastructure

Provides the ability for you to choose some basic plan that if you want, instead of spending your time on finding the best configuration you want

Infrastructure

Provides the Ability to restrict usage if payment is over and you need to pay for the usage

Infrastructure

Also provides some basic Login / Registration / Reset Password Pages as well

Requirements

To Deploy this Application onto Your Machine requires Following setup

Initial Tools

NOTE: In order to make the Cloud Functionality to work you need to setup Host Machine, which going to be immitating Datacenter with the VMWare ESXI Hypervisor of any version on top of it

Source for the licenses and installation files : http://cios.dhitechnical.com/VMware/

Guide how to set it up on the Host Machine: https://www.youtube.com/watch?v=Fk1exbFnVfM&t=148s

Using Kubernetes

  1. Kubectl ~ 1.16.0 or higher
  2. Docker ~ 4.1 or higher

Using Docker

  1. Docker-Compose ~ 29.0.1 or higher
  2. Docker ~ 4.1 or higher

Extra Requirements

  1. You need to have port 8000 to be opened
  2. You also need to have port 3000 to be opened

Usage

If you want to run it on your own, Application + Cloud Compute Server You need to setup HostMachine, so it can communicate with the API. Folow this Guide to setup Host Machine, which going to store the VM's, Networks etc... Requirements ~ Hardware (Memory at least 5Gi) (CPU at least 1.5Ghz), so in order to comfortably run VM servers

Once you've setup Host Machine, you need to follow this steps

If you want to run Application on your Local Machine


Backend Build Steps

  1. Edit Project Environment Variable File located at Root Directory at Path Called env

  2. Once you've done that, You can run docker-compose File and it will Run the App locally

$ git clone https://github.com/LovePelmeni/Cloud-Infrastructure.git 

$ cd ./docker-compose 

$ docker-compose up -d

Great! Now You Successfully Run Backend Application, in order to Check if it's Up and Running, you can Execute:

$ curl -X GET -f http://localhost:8000/ping/

Frontend Build Steps

  1. Edit Project Environment Variable File located at Root Directory at Path Called env

  2. Once you've done that, You can run docker-compose File and it will Run the Frontend App locally

$ git clone https://github.com/LovePelmeni/Cloud-Infrastructure-Front-App.git 

$ cd ./docker-compose 

$ docker-compose up -d

Great! Now You Successfully Run Backend Application, in order to Check if it's Up and Running, you can Execute:

curl -X GET -f http://localhost:3000/ping/

Great! Now you setup the Frontend Application for the Project and The Whole App is Fully Configured

You can go to your Browser at "http://localhost:3000/" and it will redirect you to the Cloud Infrastructure App

About

Frontend Application, part of the Cloud-Web-Infrastructure Project, used as a Main UI Application, written in Vue JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages