Fixed a few bugs and added a few new features to my website. Just edited a few files from the src folder and I think I’m ready to ship my project now. The github link is: https://github.com/SaiDanielK/OceanOS and the Demo Link is: https://ocean-os-six.vercel.app/ Enjoy!

🌊 OceanOS 2.0 — A Bigger, Better, More Polished Experience

OceanOS 2.0 is here! This update brings several new applications, major improvements to the Ocean Store, visual polish, bug fixes, an improved boot experience, and a brand-new file management experience integrated directly into the website.

🌤️ New Weather App

OceanOS now has its own dedicated Weather app! You can now check the weather directly from your OceanOS desktop alongside the new Calendar app.

Both applications have also been integrated into the Ocean Store, making them part of the growing OceanOS ecosystem.

🛍️ Install and Uninstall Apps from the Ocean Store

The Ocean Store is now more interactive than ever.

Users can now:

• Install applications directly from the Ocean Store
• Uninstall applications they no longer want
• Manage their OceanOS applications more dynamically

This brings OceanOS closer to feeling like a real operating system with its own application management system.

📁 Brand-New Files App

OceanOS now includes a new Files app integrated directly into the website.

The Files app connects with the project’s GitHub files and provides a more organized way to explore the files and content associated with the OceanOS project.

This is another step toward making OceanOS feel like a complete desktop environment rather than just a collection of applications.

🚀 Improved Boot Screen

The OceanOS boot screen has been redesigned and polished to provide a smoother and more professional startup experience.

Improvements include:

• A cleaner and more modern design
• Improved animations and transitions
• Better visual polish
• A more refined first impression when starting OceanOS

🖥️ Visual Improvements & A More Polished Look

OceanOS 2.0 received a significant visual refresh.

Updates include:

• A new and more polished wallpaper experience
• Updated icons
• Improved overall visual consistency
• Better spacing and positioning
• A cleaner, more refined desktop interface

The goal was to make OceanOS feel more cohesive, modern, and enjoyable to use.

🔍 Bug Fixes & Improvements

Several previous issues have also been fixed in this update.

🐛 Dock Magnification Fix

The dock hover magnification effect has been improved and the previous magnification bug has been fixed.

The dock should now respond more smoothly when hovering over icons.

📌 Improved Z-Indexing

Window layering has been improved to make sure applications appear in the correct order when interacting with the desktop.

This should make overlapping windows and app interactions feel much more natural.

🔎 Search Improvements

The search system has also been fixed and improved, along with several other bugs from previous versions.

🌊 Welcome to OceanOS 2.0

OceanOS 2.0 is a major step forward for the project. With new apps, a more powerful Ocean Store, a new Files app, an improved boot screen, refreshed visuals, better window management, and numerous bug fixes, OceanOS is continuing to evolve into a more complete web-based operating system experience.

Have fun exploring OceanOS, try out the new features, and enjoy the new update!

💻P.S.
Please do not spam the suggestion box in the Notes app. Suggestions are always welcome, but please use them responsibly so everyone can help improve OceanOS.

🌊 Welcome to OceanOS 2.0 — and have fun!

🚀 OceanOS 2.0 Beta Update

Over the last 10 hours, I’ve been hard at work improving OceanOS. Here’s what’s new in OceanOS 2.0 Beta:

✨ New Features

• Added a Close All button to the top bar.
• Added a battery indicator using react-battery-gauge in the top bar.
• Added mock Wi-Fi and sound indicators.
• Added Shut Down and Sleep options. Sleep temporarily pauses OceanOS until you click anywhere on the screen to wake it up.
• Added a search bar below the top bar to quickly search for apps.
• Added draggable Advanced Clock and Weather widgets.

📱 New Apps

• Notes
• Calculator
• TikTok
• App Store
• Calendar

💡 Tips

• For the best experience, make sure to allow sound and geolocation permissions when prompted.

---

I’ve also attached a screenshot of the new OceanOS 2.0 Beta for reference.

Enjoy! 😁

Devlog: New Features for Ship #2

Overview

Migrated OceanOS window layout from hardcoded positioning to a z-index-window layout system. This removes the need for manual position management across individual apps. Also added a notes app with suggestions and changed app positional settings.

Changes

Window Component (src/components/Window.tsx)

• Added Optional Positioning: x and y props are now optional with fallback defaults
• Added dynamic offset calculation: Windows now cascade based on their z-index value
  • Formula: baseOffset = (zIndex - 100) * 50px
  • Easy to Use Layout Management

Desktop Layout (src/components/Desktop.tsx)

• Removed hardcoded positions: All 8 app windows no longer have explicit x={...} and y={...} coordinates
• Made Prop Passing Easier: Windows now only define z-index, width, and height
• Windows automatically position themselves based on their stacking order

Notes App and Suggestions Configuration (src/apps/Notes.tsx)

• Created a Notes application with a suggestion box where users can give their opinion on OceanOS
• Configured the suggestion box to use JSON:

  export async function GET() {
    const suggestions = await readSuggestions();
    return NextResponse.json(suggestions);
  }

I spent the last 2 hours adding a web browser app (with an embed Wikipedia page) so that users can simulate a real web browser inside my operating system. I also added a transparent top bar to my project and a splash screen that opens when my website first loads. It has a ocean-colored progress bar and a nice ocean-themed background. Remember to go Full Screen so you can view the whole project!

I just added dock magnification on hover.

Hello everyone! So recently, I started creating an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. I have started this project with Next.js, React, Zustand, and Tailwind CSS. So far, I have created the dock, in which all the apps will be stored. I have also added all the apps I am going to create into it for a good start. I have also added windows and a few features in each of them. For good measure, I have also added a cool background.