A Vue Template to create an interactive OS on the Web

by Vue.js Examples

OS Website Template for Vue.js

Development

  • Basic Windows Logic
  • Window zindex
  • Drag Windows
  • Resize Windows
  • Window State Management
  • Window Fullscreen
  • Window Close
  • Window Minimize
  • Navbar
  • App Grid
  • Improve experience on mobile
  • Simplifying Process of Registering Components
  • Basic styling for Mac variant
  • Basic Styling for Windows variant
  • Basic Styling for Linux variant
  • Accessibility

Project Overview

? Hello Stranger, if you’ve somehow stumbled across this repository, you’re probably early. Here are some instructions for setting up and using the template.

Technologies Used

  • Vue 2
  • Vuex
  • InteractJS
  • MomentJS

Pre-requisites

  • Vue 2
  • CSS
  • Patience with CSS

Instructions to run project

  1. Clone the project
$ git clone https://github.com/dhs17y2adonchia/vuejs-os-template.git'
  1. Make sure you have Vue.js installed

Official Documentation from Vue

  1. Cd into project folder and install packages + dependencies
$ cd vuejs-os-template && npm install
  1. Serve project
$ npm run serve

How to Add Additional Windows

Coming soon…

GitHub

View Github