PrismOs

Inspiration

The inspiration for PrismOS stemmed from the challenge of creating a simplified replica of the Windows operating system using only web development technologies like HTML, CSS, and JavaScript. The project aimed to explore the potential of these technologies in mimicking complex desktop environments.

What it does

PrismOS replicates the look and feel of the Windows operating system entirely within a browser. It features a desktop-like environment with interactive elements such as icons, taskbars, windows, and basic apps, all built with web technologies.

How we built it

PrismOS was built using:

HTML: Structured the interface with elements like windows, icons, and menus.
CSS: Styled the components to mimic the Windows OS aesthetic, ensuring a polished and professional look.
JavaScript: Powered interactivity, such as opening/closing windows, moving icons, and simulating OS functionalities like file exploration and task switching.

Challenges we ran into

Simulating OS Features: Replicating desktop-level functionality using web technologies was challenging.
Responsive Design: Ensuring the interface adapted well across devices and screen sizes.
Complex Interactions: Implementing features like drag-and-drop and multi-window management required sophisticated JavaScript logic.
Performance: Optimizing for smooth animations and interactions within browser limitations.

Accomplishments that we're proud of

Successfully mimicking the Windows OS environment with web technologies.
Implementing interactive desktop features like draggable windows and clickable icons.
Delivering a polished user experience purely using HTML, CSS, and JavaScript.
Learning and pushing the boundaries of what web technologies can achieve.