dawnwages / LCARS-on-Wagtail

The LCARS UI on a Wagtail 2.15 site
GNU General Public License v3.0
28 stars 1 forks source link

LCARS on Wagtail

United Federation of Planets LogoVue JS LogoWagtail Logo

Why Build?

This is a fun example of what can be built with a custom CMS and Wagtail Blocks based on the theme of LCARS.

Description

In the Star Trek fictional universe set in the mid-24th Century, LCARS (Library Computer Access/Retrieval System) is an OS used by the United Federation of Planets on their starfleet vessels, starbases and space stations. Created by scenic art supervisor Michael Okuda, the flurry of activity that goes on all across the screens in The Star Trek: Next Generation, Star Trek: Deep Space Nine and Star Trek: Voyager and Star Trek: Picard has captured the hearts of fans all over.

Wagtail is an OS python CMS (Content Management System) built on Django. To learn more about some of the capabilities of Wagtail, check out Whats New in Wagtail 5, announcing the recent 4.1 LTS release 4.1.1 patch. The backend of this application is built on Wagtail.

Out of the box Wagtail Features:

This Project

Separated between frontend LCARS and backend wagtail. Django Rest Framework handles the API routes wagtail/LCARSAPP/api.py wagtail/LCARSAPP/urls.py. To learn more about Vue + Wagtail check out: Headless Wagtail Demo. The frontend vue application accesses this in LCARS/http-common.js and LCARS/src/services/DataService.js with axios.

Features


Future Features

Installation


Frontend - Vue 3.1

npm i

npm run start << will run on port 8080 without args

Backend - Headless Wagtail CMS 4.1 (LTS)

cd LCARSAPP

pip install --upgrade pip

pip install -r requirements.txt

./manage.py migrate

./manage.py createsuperuser

./manage.py runserver << will run on port 8000 without args

screen shot of LCARS APP

Credits


Check me out on Twitter @BajoranEngineer Masto: @fly00gemini8712@mastodon.online My website: dawnwages.info Blog: glittertech.dev

Shout out to Lou Huang @saikofish for the UI!