Git Product home page Git Product logo

websystem's Introduction

The WebSystem Logo

websystem

WebSystem is a a fully functioning operating system built in pure Javascript, HTML and CSS.

  • Fully Customizable File System
  • Rapid and Easy API for App Development
  • Integrated App Store
  • Files are Saved Locally Through IndexedDB/WebSQL (localForage)
Installation

WebSystem needs a server to run. To do this, run the following in the terminal:

npm i
npm start

Then go to http://127.0.0.1:8080 and WebSystem should be running!

For security reasons, when running locally signing in with Google will not work.

Libraries

WebSystem uses:

  • localForage for file system storage.
  • CKEditor 5 for the Documenter
  • jsMediaTags to read audio file tags

Contributing

Want to contribute to the source itself? Open a pull request!. Want to add an app to the app store? Open a pull request with the name and source of the app.

License

GNU GPLv3

websystem's People

Contributors

dependabot[bot] avatar natelevin1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

websystem's Issues

Alerts don't show up in middle of screen

Describe the bug
When an alert pops up, it is not shown in the middle, it is shown off center.

To Reproduce
Steps to reproduce the behavior:

  1. Type alert(1) in the console
  2. See issue

Expected behavior
The alert is shown in the middle

Information

  • OS: MacOS
  • Browser: All
  • Version: 1.0.0

Additional context
This feature broke when window placement was switched from em to vh.

Add all apps to app store

Currently there is only the calculator, though all other than the file viewer and app store should be added.

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.