You are browsing as a guest. Sign up (or log in) to start making projects!

MyTestOs0

  • 3 Devlogs
  • 2 Total hours

MyTestOS0 my own little OS that runs in the browser I made MyTestOS0 for the Hack Club Stardance WebOS 1 mission its basically a small experimental desktop environment running fully in the browser there is no login no password no backend or server stuff you can just open it and play around with it whats in it windows can be dragged and resized minimize maximize restore close and focus app menu taskbar clock and right click menu keyboard shortcuts like Ctrl/Cmd + K Notes Markdown Calculator Files and Settings notes files settings and other stuff are saved in the browser apps can connect to each other with the Mesh system and pass compatible data works better on smaller screens too reduced motion option runs on Github Pages for easy access I mostly wanted it to feel like a weird little desktop instead of just another normal website I also tried to make the apps actually interact with each other instead of only being separate windows

Ship #1 Pending review

I made MyTestOS0 which is a small webOS that runs completely in the browser with draggable and resizable windows and apps like Notes Markdown Files Calculator and Settings the window system was probably the most challenging part especially keeping resizing and dragging working correctly without windows going outside the screen the part im most proud of is the Mesh system because apps can actually connect to each other instead of just being separate windows
to test my webos just read readme guideliness

Try project → See source code →
Open comments for this post

26m 40s logged

Devlog 3 Mesh bağlantıları ve son düzenlemelerUygulamaların kullanabildiği tipli portları ve merkezi Mesh bağlantı sistemini yaptımNotes içindeki text çıkışı Markdown içindeki text girişine bağlanabiliyor porttaki noktayı sürükleyip diğerine bırakınca bağlantı kuruluyor not değiştiği anda markdown da canlı güncelleniyoBağlantılar SVG bezier çizgileriyle çiziliyor uç noktaları portların o anki konumundan hesapladığım için pencereleri hareket ettirince çizgi de peşinden geliyor İki portun tipi uyumlu değilse bağlantı kabul edilmiyor şu an çalışan ana akış text tipindeki Notes ve Markdown bağlantısıBağlantılar uygun pencereler açık olduğu sürece kaydediliyor iki taraftan da bağlantıyı koparmak mümkün ve bağlı pencere kapanırsa sistem bağlantıyı güvenli şekilde temizliyo En son klavye ile seçilen yerleri ve küçük ekranda taşan pencereleri düzelttim Github Pages ayarını da ekledim ilk halinde masaüstünde fazla yazı vardı birazını sildim en son çalıştırıp test ettim göz ardı edilebilir hatalar vardı o yüzden projeyi tamamladığımı düşünüyorum

0
0
5
Open comments for this post

17m 26s logged

Devlog 2 uygulamalar ve kayıt sistemiKalıcı çalışan Notes uygulaması canlı Markdown gösterici eval kullanmayan küçük bir hesap makinesi sanal dosya alanı ve ayarlar uygulamasını ekledimTarayıcı depolama işlerini ayrı bir katmana aldım bozuk yada eksik veri gelirse sistem varsayılanlara geri dönüyor bu önemliydi çünkü yanlış bir local storage verisi bütün masaüstünü bozabiliyoduAyarlar kısmından arayüz yoğunluğu hareketler masaüstü arkaplanı ve vurgu rengi değişebiliyor sayfayı yenilemek gerekmiyorDosyalar uygulamasında yeni metin dosyası oluşturma isim değiştirme içeriği düzenleme ve silme var bunların hepsi yenileyince hala duruyo

0
0
1
Open comments for this post

51m 30s logged

I didnt know I needed to post the devlogs here while I was working on the project so I originally wrote my development notes inside the project itself

im using my native language in dev logs:

Devlog 1 pencere sistemi ve masaüstüMyTestOSun ilk sürümünde temel masaüstünü ve pencere sistemini yaptım proje React TypeScript ve Vite ile çalışıyorPencereleri açma odaklama z sırası sürükleme ekranın dışında kalmaması yeniden boyutlandırma minimum boyut küçültme büyütme eski haline döndürme kapatma ve başlık çubuğuna çift tıklama özellikleri olan merkezi bir pencere sistemi yaptımGörsel tarafta koordinat çizgileri olan masaüstü uygulama listesi görev çubuğu durum göstergeleri saat klavye kısayolu ve sağ tık menüsü ekledim biraz deneysel bi çalışma ortamı gibi durmasını istedimEn çok uğraştıran kısım pencere koordinatlarını ekran içinde tutarken boyutlandırmanın düzgün çalışmasıydı pointer hareketlerini merkezi state içine yazdım ve parmak yada mouse bırakılınca eventleri hemen temizledim

0
0
7

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…