Coder Social home page Coder Social logo

ben-miles / subnauticapda Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 20.92 MB

An unofficial second-screen companion app for the game "Subnautica."

Home Page: https://subnauticapda.dev

License: Other

CSS 2.51% Hack 2.99% JavaScript 92.35% SCSS 2.15%
second-screen subnautica vue vuejs vuejs2

subnauticapda's Introduction

subnauticapda

A second screen companion app for the game Subnautica. Built with VueJS for reactivity, and an emphasis on visual theming to maintain immersion.

Made to ease the crafting process by turning your phone or tablet into an always-on, expanded version of the in-game "PDA," eliminating the need to memorize (or frequently stop and check) crafting recipes for needed items.

Click items in the "Items" tab to add the crafting recipe to the "List" tab. Click items in the "List" tab to remove them. The "Notes" tab allows for miscellaneous reminders. All user data is kept in localStorage, and will be there when you come back, even after closing your browser tab/window.

subnauticapda's People

Contributors

ben-miles avatar

Watchers

 avatar

subnauticapda's Issues

Update Health Kit Icon

They're green now!

Doublecheck other graphics, but I'm pretty sure nothing else has changed. Update as needed!

Change index from PHP to HTML

I'd like to use GitHub Pages to host the app, make use of CI/CD, etc.

Doublecheck; but I'm pretty sure there's no PHP code in the file. If that is the case, then change the filetype to HTML.

Improve Visuals for Pinned Items

While in the "Items" view, there's no visual indication that an item has been added to the "List" view. Some kind of persistent highlight color or icon would solve that.

It'd also be good to add some "gesture" toward the nav button for the "Items" view; just to remind the user where the pinned items can then be found. Ideally, a very brief "flash" of color or some other highlight on the nav button itself, triggered every time an item is added.

Change background to video

The current static background image is nice; but a very subtle motion might (?) be cool. I'll try to get a short video from the game, edit it to loop smoothly, optimize it and see how it looks.

Improve intro copy

The intro copy is a little long and a little boring. Some columns and icons would go a long way here to shorten the delivery of basic instructions.

Update Vue

Currently using some version of 2, I'd like to get that up to the latest version. This will entail a lot of restructuring and miscellaneous file changes in the existing codebase in order to get it minimally working in the new file structure.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.