FakeOS banner

FakeOS

4 devlogs
5h 38m 22s

FakeOS is a browser based, macOS inspired desktop environment built with HTML, CSS, and JavaScript.

This project uses AI

Used Chatgpt to help with Javascript

Demo Repository

Loading README...

anadskman

Shipped this project!

Hours: 5.64
Cookies: πŸͺ 62
Multiplier: 11.08 cookies/hr

I made a FakeOS system built from HTML, CSS, and Javascript.
The theme is based off of MacOS

anadskman

New Features

  • Change Colors/background
  • File Explorer
  • text doesnt highlight when dragging windows

Whats Next??

  • Upload everything to github
  • Make Demo
  • Submit project
Attachment
Attachment
Attachment
Attachment
0
anadskman

What’s New?

  • Redesigned to a Mac OS theme
    –> glass desktop
    –> top menu bar
    –> centered dock
    –> mac-style windows
  • window focus stacking
  • dock bounce animation when opening apps
  • window open scale animation
  • launchpad grid
  • spotlight search (Ctrl K)
  • fake macOS boot with apple logo
  • drag apps into dock
  • mac dock hover grow
  • traffic light window controls
  • animated launchpad
  • spotlight with blur
  • multi tasking
  • added Icons

Took a tad longer than I though because i ended up adding more stuff.
Up Next

  • Change Colour Scheme
  • File Explorer

Hopefully on takes about 20 mins!!!

Attachment
Attachment
Attachment
Attachment
Attachment
0
anadskman

I created:

  • Start Menu
  • boot Screen
  • Log-In
  • Terminal
  • Commands, help, hello, and hack

Up Next

  • Redesign to a Mac Os Design
  • window focus system
  • minimize to taskbar
  • fake file explorer with folders

Estimated Time: 30 mins

Attachment
Attachment
Attachment
Attachment
0
anadskman

I created the home screen.
So far a basic background(will later change the look)
I have a task bar and notepad app.
most of the website currently is css and snips of html and js

Current Feature

  • Home Screen
  • Task Bar
  • Notepad app
  • Draggable Windows
  • Clock on Task Bar

Up Next

  • Start Menu
  • boot Screen
  • Log-In
  • Terminal
Attachment
0