I was making my own personal website like a portfolio and I was also learning HTML and CSS I was learning for a long time so I learned it pretty much and I still had a confusion on you know changing you know like the size of it and changing the position of it like the I want to please like I want to place the the wherever wherever I wanted So I had a problem with that like the placement of it so I used AI to not write goat tell me how to do it and when it asks like it is still to me like how to do it when I try to do it it did not work so I just you know remove that code I just use on my original code in that and that’s it
so this is a calculator I am learning Python And I am just new to the coding world and so I was trying to make a Python function then I thought why shouldn’t I make my first project as a calculator so I created a calculator from Python and I don’t know about HTML so I have to use some other tools to make the HTML and the UI but the Python function is completely made by me you guys can access through the version URL and you guys can access to this website and you guys can use my calculator Feel free to use and give feedback
I built snOS, a dark glassmorphic browser personal web OS-draggable floating windows, desktop app icons, a live clock, window depth layer-ing, and a handful of functionally in-built apps:
About snOS: A window with system info.
Notes App Pro-a very simple notepad that saves your notes to local storage, so they don’t vanish when you refresh.
Weather Forecast App: Create a live weather widget using the Open-Meteo API that allows you to search any city in the world and see live temperature, humidity, wind speeds, with dynamic condition icons.
Web Browser: An inbuilt mini browser frame so you can search and browse using live web pages directly inside the desktop view. I’m a total beginner coder, so creating this without any starting point was a huge learning challenge for me. Making the window drag function feel fluid without messing up the layout was difficult.
Integrating to the live weather API, processing the search box inputs, and debugging weird code errors took countless iterations.
With all the times I was stuck I spent hours watching coding video tutorials, reading docs, and getting AI helpers like ChatGPT and Gemini to explain everything to me and fix my code until I finally understood how it all works. Honestly I’m just glad I didn’t give up! As a zero experience beginner seeing a blank screen turn into a functioning desktop with apps and movable window boxes was a really rewarding experience. It took patience but learning how JS, API fetching, and CSS combine to make something tangible was totally worth it.
You don’t need a username or password!
Open any of the desktop icons (About, Notes, Weather, or Web Browser) and use an app.
Click and drag the top header of any window to move it anywhere on your screen.
Click in any open window to put it on top.
Other quick options: if you want to do a quick check on the current conditions for your city, try searching for your hometown in the Weather App (just hit Enter or click Search) and receive live forecast updates.
Put a note in the Notes App-it auto-saves locally, so your note won’t disappear when you refresh!
