Code Monkey home page Code Monkey logo

vue-dos-ui1's Introduction

vue-dos-ui1 beta

Example of nice VueJS UI experiment to create MS-DOS-like Single Page WebApp

Description

This project is built using VueJS 2.0. The one-page web application simulating old programs in the style of the early 1990s (Microsoft MS-DOS, Turbo Vision) was created.

This app calculate of the factorial of integer numbers in range [0..150]. You should work with this app as with a typical program of the early 1990s with "text user interface". When you start it, you see Desktop (place for windows: help window, error window, data input and result window) and Hotkeys line at the bottom of the screen.

Font size and working windows size vary flexibly depending on the browser window size and the screen resolution (like the command line window, e.g. PowerShell or Cygwin terminal window).

Example of Hot Keys line: alt text

Example of started app with opened Help Window: alt text

Getting Started

a) For immediately enjoying, you can simply following a link: https://ndanilov2015.github.io/vue-dos-ui1

b) Or you can download this repository as .zip-file on your local machine, unpack it and starting index.html file in browser: https://github.com/NDanilov2015/vue-dos-ui1.git

Prerequisites

a) This app require new versions of browsers (tested in Google Chrome, Mozilla Firefox, Opera) which support of CSS variables

b) Now, this app was developed for using with devices with screen resolution from 1024x600 and higher.

Install

Please, clone this repo and make in the console:
npm run install
npm run build (and start index.html from root directory of cloned project)
... or ...
npm run dev (for starting in webpack-development environment)
... or ...
Without any building, simply see the /dist folder and start index.html from root

Built With

Change log

From 30.04.2017 - Full rewriting to ES2015 modular structure, for using .vue components.

vue-dos-ui1's People

Contributors

ndanilov2015 avatar

Watchers

James Cloos avatar athiwatp 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.