Yet unofficial ddev-ui with a backend running on top of golang <3

Overview

ddev-ui

Experimental UI for ddev based on golang as backend and vue3 as frontend.

Note that minimum requirements to compile this are:

  • go v1.17

ddev should take care for the leftover parts of the frontend via ddev pnpm commands as you can see below.

Project setup

git clone https://github.com/iammati/ddev-ui .
ddev pnpm install

Building the ui

In case you're running on wsl2 – as I do – you may want to checkout this video here as it installs chrome inside your wsl2 distribution to be able running the built golang binary.

ddev pnpm run build
go install
go run app.go

Compiles and hot-reloads for development

ddev pnpm run serve

Head over to http://ddev-ui.ddev.site:2999/public/ in order to see hot-reloads being available. Hot changes won't affect the golang runtime.

You may open another SSH connection to your server to make the API requests work and be handled by the golang backend by using:

go run app.go

In another terminal next to your running ddev pnpm run serve.

Compiles and minifies for production

ddev pnpm run build

Lints and fixes files

ddev pnpm run lint

Preview

ddev-ui-projects-view

You might also like...
A Vue file management client, complete with a node/express/FS backend.
A Vue file management client, complete with a node/express/FS backend.

A Vue file management client, complete with a node/express/FS backend.

Event Registration Vue.js app with the Python-Django Backend 😎
Event Registration Vue.js app with the Python-Django Backend 😎

Events Registration App A cool CRUD Vue app with the Python-Django backend. 😎

Nuxt.js was used in building the frontend of this web application and PHP/mySQL for the backend/database.

sdg-007 Frontend Nuxt.js was used in building the frontend of this web application and PHP/mySQL for the backend/database. About There is a popular sa

Vue based frontend for fossteams-backend
Vue based frontend for fossteams-backend

fossteams-frontend An open source frontend for Microsoft Teams, based on fossteams-backend Screenshots Our UI Microsoft Teams (for comparison) Descrip

Mealie is a self hosted recipe manager and meal planner with a RestAPI backend and a reactive frontend application built in Vue for a pleasant user experience for the whole family
Mealie is a self hosted recipe manager and meal planner with a RestAPI backend and a reactive frontend application built in Vue for a pleasant user experience for the whole family

Mealie is a self hosted recipe manager and meal planner with a RestAPI backend and a reactive frontend application built in Vue for a pleasant user experience for the whole family. Easily add recipes into your database by providing the url and mealie will automatically import the relevant data or add a family recipe with the UI editor

A simple ecommerce web application built using nodejs, typescript, firebase, AWS S3 & DynamoDB on the backend. With vuejs and vuetify on the frontend.
A simple ecommerce web application built using nodejs, typescript, firebase, AWS S3 & DynamoDB on the backend. With vuejs and vuetify on the frontend.

A simple ecommerce web application built using nodejs, typescript, firebase, AWS S3 & DynamoDB on the backend. With vuejs and vuetify on the frontend.

A simple polling app made with Vue for the frontend and Node.js + Express for the backend.
A simple polling app made with Vue for the frontend and Node.js + Express for the backend.

A simple polling app made with Vue and Node.js + Express. Features Easy to use, simple interface The ability to delete polls Light mode × Dark mode Po

An SSI web wallet front-end, leveraging the backend API

waltid-web-wallet An SSI web wallet front-end, leveraging the backend API of https://github.com/walt-id/waltid-wallet-backend Wallet backend connectio

Inventory-Management - Vue2 Project with Django as Backend
Inventory-Management - Vue2 Project with Django as Backend

Vue2 Project with Django as Backend Purpose Develop a web application that enabl

Owner
Mati
hi!
Mati
A platform where users can sell and buy new as well as old/used products. Made using Golang, Gorilla Mux, SQLite and Vue.js

A platform where users can sell and buy new as well as old/used products. Made using Golang, Gorilla Mux, SQLite and Vue.js

Niloy Sikdar 18 Oct 6, 2021
mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统,包括golang后端、 Vue后台管理员前端 ,主要功能有商品管理、订单管理、用户管理。

mall 介绍 mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统,包括golang后端、 Vue后台管理员前端 ,主要功能有商品管理、订单管理、用户管理。

zchengo 80 Dec 15, 2022
Single page web application using golang/vue.js/postgressql

Step 1(Initialize PostgreSQL database using Python Script) NOTE:The CSV file name should not contain spaces else their will be errors while creating t

null 1 Feb 5, 2022
Chadmin is easy to use ClickHouse running query dashboard.

Chadmin Chadmin is easy to use ClickHouse running query dashboard. You can watch your currently running queries for the entire ClickHouse cluster and

Vladimir Bunchuk 29 Dec 23, 2022
This is a version of Sigma Vue Project running inside a Laravel app with Inertia Js as a connection instead of Vue Router

About this project This is a version of Sigma Vue Project running inside a Laravel app with Inertia Js as a connection instead of Vue Router. Sigma Vu

Alexandre Unruh 7 May 14, 2022
Static website with tools running entirely on IPFS.

DreamLink DreamLink is a static website with tools running entirely on the decentralized P2P network: IPFS. There is no need to install an IPFS node o

OpenDreamNet 39 Dec 9, 2022
This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.

Protein Vue.js Bootcamp Final Case Protein Vue.js Bootcamp Final Case ??️ Built With ✨ Live Version You can see the live version here. ??️ About This

Emircan DEMİR 4 Jan 4, 2023
MQTT5 Explorer is a simple yet feature-rich client to visualize data of any MQTT broker.

MQTT5 Explorer About this project Project setup npm install Compiles and hot-reloads for development npm run electron:serve Generate app icons npm run

null 6 Dec 28, 2022
Medium Clone - yet another Medium Clone made with Node.js and Vue

Medium Clone - yet another Medium Clone made with Node.js and Vue

SemyColon 23 Oct 10, 2022
Web application for organization of foodsaving groups worldwide - frontend code and central location for feature planning. For server-side code, go to https://github.com/yunity/karrot-backend

A web platform to support foodsaving groups worldwide. ?? ?? ?? karrot (Frontend) (Backend) This is the frontend repository, i.e. the browser-side sof

yunity 361 Dec 27, 2022