DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Mac OS for the Web!
Aswin krishna
Aswin krishna

Posted on

Mac OS for the Web!

# v0.1

  • [x] Basic wallpaper
  • [x] Basic dock with its cool hovering animations
  • [x] Basic toolbar
  • [x] Everything to built with theme switching in mind

v0.2

  • [x] Action center
  • [x] Light/Dark mode switcher
  • [x] Brightness slider(Not functional)
  • [x] Sound slider (Not functional)
    • [x] Wifi (Not functional)
    • [x] Bluetooth (Not functional)
    • [x] AirDrop (Not functional)
  • [x] Do not disturb (Not functional)
  • [x] Keyboard Brightness (Not functional)
  • [x] Screen Mirroring (Not functional)

MacOS Web

v0.3

  • [x] Basic API for Menu Bar
  • [x] Menu bar, and menu items. Not necessarily functional
  • [x] Menu for Finder only (For now)

v0.4

  • [x] Add the MacOS startup chime.
  • [x] Make windowing solution
  • [x] Add open/close trigger to apps(Dock included)
  • [x] Window should have traffic light buttons, with close, minimize, fullscreen buttons(functional)
  • [x] Show "Apps coming soon"

v0.5

  • [ ] Clicking on unsupported apps in dock should show a window saying that this app isn’t available and list the available ones.
  • [ ] Make twitter a profile for Aswin

v0.6

  • [ ] A wallpaper switcher app. Offers automatic day/light wallpapers too
  • [ ] Probably Safari. Uses Iframe and basic tabs functionality.
  • [ ] A text editor. Like VSCode or Notepad, haven’t thought Β―_(ツ)_/Β―

v1

  • All kinds of crazy apps like clock, weather, and much more. Would be great if community jumped in to make some of these apps.

Top comments (4)

Collapse
 
permanar profile image
Richie Permana

This is so coooooool!! I should contribute more latter!

Collapse
 
andrescampuzano profile image
Andres Campuzano Garzon

It's a really cool project

Collapse
 
ramsanath profile image
Ram Sanath Kumar

Thats so sick! How can I contribute?

Collapse
 
anurag_vishwakarma profile image
Anurag Vishwakarma

Jabardast.

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!