Doodle

Doodle is a simple web based drawing app, in which you can do simple doodling

Features

• The Main feature is the colour picker, it gives you both darker and lighter value of the color you choose you can choose from preset of put a hex code and has a color picker
• Pen pressure that you can toggle, on by default
• A minimap that shows what you are drawing, it only shows what the free hand drawing tool shows
• All other basic features that should be in a drawing app

What was hard?

• Implementing the eraser was challenging because it had to remove existing strokes without affecting the rest of the drawing. I used the Canvas API’s destination-out compositing mode and made sure erased areas stayed erased when the infinite canvas was redrawn or zoomed.

• Making the opacity work properly took some time too

• I wanted the color selector to be more flexible than a basic color picker, adding custom HEX colors, different shades, and an eyedropper tool some extra work, but that lwk made it so much better than a simple color selector

Use of Ai

• Ai was mainly used for debugging and to act as an teacher, when i messed up something i would ask it about what happened, how i can fix it, why is happened, like that. Also all the code is written by me, and i have kept my usage of Ai under that limit, cus most of the time I just google the stuff i want

DEMO LINK

Doodle

WHAT DID YOU MAKE?

Piko OS is a web based browser
This was the biggest project I’ve made till now, this helped me to learn the fundamentals and pushed me out of my comfort zone.
I really love that i made this really personalized, My first ship was rejected because it looked generic and lacked features so i was determined to make it look unique.

WHAT WAS CHALLENGING?

• getting the browser to work was such a hassle
• making the weather widget work (Still easier than the browser)
• and omg bruh there was this problem when i split the files, name missmatch of files was driving me crazy
• I often struggled with JS because I basically started from 0 knowledge.

Features

• A notes app
• A calculater
• A Gallery app
• Two games
• Music player (ik i have peak music taste)
• Doomscroll app (even tho there isnt much to doomscroll)
• A functioning brwoser
• Todo App its connected to the Todo widget so the first three tasking you add in app will show in the widget
• Settings where you can change wallpaper and theme that matches to the wallpapers
• Terminal, Type help to see commands
• the weather widget shows the weather in New York
• A calendar widget
• Local storage
• A boot screen

I actually spent much more time on this project than you see here, learning things, breaking stuffs, hours spent looking on how to fix stuffs, and much much more.

Now that i look at other webOs projects while comparing to them i have way less commits this mostly because i only commit once i fixed all the bugs and make sure that the added feature is working correctly.

I hope you like this project and give a good rating, and please leave a thoughtfull review.

I built MentOS, a minimal, web-based operating system designed for learning and lightweight desktop productivity. Inspired by macOS aesthetics, it features a clean glassmorphic desktop interface, dynamic side widgets (a live Calendar and a Weather widget), and floating draggable windows for built-in apps like Notes and Calculator. I had challenges setting it up because i had alot of typos, Im proud of actually sitting here and commiting to the development process of it instead giving up halfway, Most of the code was written by me, after writing the core codes i had Ai to put comments and make sections so adding new things would be easier, but the codes for the weather widget was written by Ai still the design choices where mine, Again im very happy that i got to this point. There might be future updates on this project but i cant confirmt that