Giter Club home page Giter Club logo

minivanconfigurator's Introduction

MiniVanConfigurator

This is a website with a python back-end based on flask that allows you to easily configure your MiniVan keyboard online and download the required .hex-file to flash it

The 'front-end' is just a badly writtend html file with a stylesheet that should kind of mimic the original colorscheme of the Midnight Drive keyset that came with the first groupbuy. If anyone with a little more talent wants to improve my front-end i would be very pleased! That's basically the most advanced front-end i ever wrote and that says a lot... Those two files are found in the frontend folder.

The tmk-modifications (shoutouts to hasu and the entire crew for their amazing software!) folder contains two files. The first one is a minimally changed Makefile that just allows me to compile files with a name i want instead of always getting a 'tv44_lufa.hex'. The second one is the template file that my program loads every time and fills in the desired keys. It's just the keymap from evan (shoutouts!) with placeholders for the values to come.

Basically everything interesting is inside van.py. It's a script that is written in Python using the Flask web framework and is delivered by apache with wsig_mod on my server currently. There's a lot of stuff to do still but i just cleaned everything up and made it a lot prettier (could still be better though...).

I'll list everything below that i want to change/add later on so if anyone is really interested - please go ahead and contact me.

Running the Application

docker build -t miniconfig .
docker run -it --rm -p 8000:80 -e PORT=80 --name my-running-app miniconfig

Todo:

Backend:

  • Add support for more/less layers
  • Add support for different layer modes (atm the fn1-3 buttons are default, 1-2 are momentary and 3 is toggle. can easily be changed using the template file, everything needed can be set there)

Frontend:

  • Prettier website
  • Rightclicking onto a key opens a context menu where all special characters can be selected
  • Support adding/removing layers
  • Support setting momentary/toggle function buttons
  • Add better way to select a key... current method is a bit messy
  • Add better controls to set momentary/toggle option on function keys
  • Add space for instructions
  • Add confirmation to delete layer button
  • Give instruction panel some more love

minivanconfigurator's People

Contributors

evangs avatar eldain avatar liftylol avatar

Stargazers

Garret G. avatar Khader Syed avatar Sinner Orivee avatar Dan Boulet avatar Ryan Eno avatar  avatar  avatar Huyanh Hoang avatar

Watchers

James Cloos avatar  avatar Huyanh Hoang avatar

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.