CityTab

A City Pop inspired new tab!

New widget: Weather app!

Most weather apps have a search bar where you can find your city and see the weather, but I wanted to use geolocation api so the weather automatically appears when you allow the website to access your location.
.
I was following like 3 different tutorials to get the code to work. The latitude and longitude kept showing up as “undefined” every time I ran the code. Turns out I had to set them to “const” and not as variables😐. So after that, I was able to get everything else to work. I gave it some basic styling for right now.
.
Big thanks to @nokira!! I saw that they did something similar in their project (MainTab) and their code helped me figure out what was wrong with mine. So, once again, thank you!!

What’s new

• Top bar
  • “Now playing” section with scrolling animation! Will be used when the music player is implemented
  • A welcome section on the left where you’ll be able to add your name
• Weather widget
  • Shows the current temp
  • Shows your current location under the temp

To-do

• Add a settings button to the topbar
• Customize top bar more (change colors)
• Fix weather widget font sizing (make temp font-size larger)
• Make calendar widget

That’s it for now. Until next time!

Pegboard

My personal site!

What’s new

Not much has been added. I mostly work on this website in between my other projects as a “break”, so I like to keep this website pretty simple to give my brain a break 😓

• Added image links to my socials on the top shelf
• Clicking on the vinyls/albums brings you to spotify
  • Originally, clicking on the album would play a song and a panel would show up saying what song it is, but I decided to just link it to spotify instead because it’s more convenient and would make the website less cluttered
• Added hover animations
  • Just to make the website a little more fun

To-do

• Add keychain drawing for the project’s section
• Decorate the website a little bit more

That’s it for now. Until next time!

CityTab

A City Pop inspired new tab!

Background info

New project wooooo!!! Making the basics of the website took me wayy longer than if should’ve, but at least I got it done 😭

I followed a tutorial for the search bar to get the basic searching functions. After that, I changed the look and size of it to fit the website and created a function to let you search stuff by pressing “enter”.

Bug fixes

Fixing bugs took the most time out of this session. I mainly had issues centering items. After fighting with the “justify-content” and “align-items”, I ended up just using transform to center everything.

What I have so far

• Search bar
• Bookmarks (youtube, stardance, github, and slack)
• Working clock/time

To-do

• Create a top bar
  • Will eventually display music when music player is done
• Make a weather widget
• Make clock/time more visible
  • Also just realized that it’s not centered… so yea imma go fix that

Thanks for reading! Until next time!

Star-Catcher — It’s finally here!!

“Catch the Stars!” - Game made for the WarioWare Mission

Last Devlog

Star-Catcher is done! It feels a bit bittersweet, but I’m glad that I’m finished with this project. Thank you for everyone who supported thus far!!

What’s new

• Finally drew the win screen background
• Updated the readme
• Set up the itch.io page

Extra info

Once again, I just want to thank everyone who liked or commented on my posts!

If you see this, go ahead and check it out on my ship post. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

It’s almost done!!! My motivation has been wavering a bit which prevented me from working on this project for a while, but we pushed through😎.

New minigame!

The third and last minigame. It was originally going to be a whack-a-mole type game but I realized that was above my skill level and I decided to make a clicking/reaction game instead.

• You have to click on the star 15 times to progress
• A black hole will appear. If you click on it, you lose a life
• Text indicating when to click or stop with custom animation! (Inspired by @Gabl ’s Goose Games- Go check it out!)

What else is new

• Created lose screen with retry button
  • Lives and minigames done resets when button is clicked
• Created win screen with play again+menu buttons
  • Background hasn’t been drawn yet
• The sprite now changes directions when you move left/right
• Bug fixes

Extra info

I decided to keep the title screen image, but I might change the title design. I did have some ideas because I was way too overambitious, but I’m happy with how the game turned out! I hope you do too.

I’ll make one last devlog before shipping after I write my Readme and draw the winner’s screen

Thank you for all the support so far. Until next time!

Star-Catcher

“Catch the Stars!” - Game made for the WarioWare Mission

Background info

I haven’t been working on this game as much as I should lately, but I swear imma lock in 😭. I made some drawings for the background and made a new banner! I was going to use the banner image for the title screen of the game, but the dimensions didn’t match up so when I resized it, the image looked off.

What’s New

Mainly focused on visual aspects of the game

• Added floating animations to the stars
• Changed the background of the level/time scene and settings page
• Replaced the old font with a new pixel font

To do

• Draw title screen background
• Create win/lose screens
• Add character walking animations
• Make 3rd minigame

Until next time!

Pegboard

My personal site!

What’s new

I’ve been working on this website while I work on other projects so not much has been added so far

• Projects area

  • There will be keychains of my projects where you can hover over them to see more information

• Vinyl shelf

  • Added some of my fav albums
  • Eventually I’ll make so when you click them, music plays

• Hanging plant

  • For some greenery

What’s next

• Add keychains for projects
• Add links to my github and itch.io

Until next time!

Pegboard

My personal site!

First Devlog!

I wanted to take a little break from my other project, so I decided to make this website. I wanted to make it look like those aesthetic pinterest pegboards. Right now it’s super bare bones and doesn’t have much going on.

What I have so far

• A shelf (the gray bar)
  • I couldn’t find any shelf pngs so I made one. It’ll get a makeover soon tho
  • Links to my github and itch.io will be placed on it
• My profile pic
• About me section + programs I use section

To do

• Add links on top of shelf
• Add a projects section
• Work on the overall visuals of the website

I’ll try to make a lot of progress next time I make a devlog. Until then!

Star-Catcher

“Collect the Stars!” - Game made for the WarioWare Mission

Background info

I said I’d finish making the first minigame yesterday, but I severely underestimated how hard it would be. Building the game was easy but coding it was horrible. The timer wouldn’t work and would automatically close the player.

I ended up moving on to the second minigame (image on the right). Making it went smoothly which gave me enough motivation to finish making the first minigame.

I still don’t know what was wrong with my code, I just ended up deleting the whole script and rewriting it.

What’s New

• 2 mini games created!!
  • A platformer where you collect 3 stars in under 10 seconds
  • A clicked where you click on 5 stars in under 7 seconds

To do

Next time I work on this, I want to focus on how the game looks visually cause doing the coding this session was exhausting.

• Make/draw new background
• Make a custom title on the home page
• Change how the platforms look on the platformer minigame
• Add character walking animation

That’s all for now. Until next time!!

Star-Catcher

“Collect the Stars!” - Game made for the WarioWare Mission

Background Info

This session, I mostly worked on the coding. When I saw the code I needed to write I lowkey got scared but it all worked out in the end 😎

What’s new

Nothing has been added visually besides the “lives left” image being replaced. It’s a net now! (To catch the stars ofc)

• Timer on level scene now works
• Added level count
• Created in game timer

To do

• Create first level (platformer minigame)
• Create settings page
• Draw a background and banner

Extra

I drew the character sprite! She’s a little girl who carries an oversized net and LOVES stars. I drew a front-facing version that I’m probably not going to use but I wanted to show it off still.

It’s not perfect cause I still don’t know how to make pixel art, but I hope yall like it!!

The next devlog will be later today after I make the first minigame. Until then!

FindingHerOS - Last devlog until ship

“Find her” - Mystery detective game made for the WebOS mission

Background info

Hiiiiiii. Just as the title says, this is the last devlog (before I ship). After I ship it and move on to WebOS 2, the true mystery elements will be implemented :D!

What’s New (Features)

• Diary app overhaul!
  - The diary app now actually has content in it
  - Currently only has 1 entry in it (more will be added in the future though!)

• Calculator app
  - a cute, pink calculator for any of your math endeavors

• Paint app
  - Small paint app. Complete with a color picker, brush size, clear canvas button, and fill canvas button

What’s new (Visuals)

• Changed the window borders from black to a light brown/gray
• Fixed window sizes

What’s next

• Update the Readme and ship!

After ship

• Fight with js to create a system where I can easily add new entries into the diary
• Create a gallery app (and draw images for it)

Until next time!!

FindingHerOS

“Find her” - Mystery detective game made for the WebOS mission

Background info

Hiii, it’s been a while. So I took a break from this project cause I didn’t really enjoy working on it. I ended up making a whole different project, (“Productive”, go check it out!) just to distance myself from this project. Anyways, I finally decided to finish this project 😛.

New look!

• New background
  - It’ll probably change in the future, but I’m happy with it for right now (tho I’ll need to make it darker cause it’s too bright)

• New color scheme
  - Pink, and pink, and pink, and a dash of red

New features + other new additions

• New app!
  - Stacy’s diary/notes
  - It’ll be finished by the next devlog!

• Organized my code/added comments + notes

Appreciation section

Soooo, the reason I stopped working on this project was because I could get the windows to come to the top when clicked. I didn’t really understand what the guide was explained so I was just stuck.

A few days ago I stumbled upon @Mokila ‘s WebOS (which is super cool it’s called “EpochOS” if you wanna check it out!). I checked out their code and decided to try out their z-index code to see if it would work for me, and it did!!!

Thank you Mokila for your awesome project, you’re goated. You’re literally the reason why I feel motivated to continue working on this project!!!!

What’s next

I want to ship this project so I can move onto WebOS 2 and begin writing and working on the actual mystery aspect.

I’m going to make 2 apps and make some aesthetic/visual changes before shipping

• Calculator app
• Paint app
• Finish making the diary/notes app

I’m so happy to be returning to this project

Star-Catcher

“Collect the Stars!” - Game made for the WarioWare Mission

Background info

New project!!!! When I saw this mission I was so excited because I finally have a reason to learn how to make a game.

I wanted this to be a space-themed game with a pixel art style. The idea is you play as a little girl with a net who runs around catching stars.

What I have so far

So far, I only have the menu screen and the “loading” screen. It’s very much a work in progress, and I plan to change the background and the “lives” later on.

Whats next

I plan to make an the first actual level scene next (I can finally use my star drawings I made the other day :D). This is my first time using Godot/making a game in general, so I hope I can make a good game!

To do

• Make first level scene
• Change background
• Make/draw character sprite
• Make “lives” drawing (I’ll probably make it a net)

Productive

OK this is the last devlog 😓

What’s new

I mostly worked on updating the Readme and including the necessary information.

Upcoming

This project is done! I’m pretty happy with how this turned out. While I wish I could’ve done more, this was meant to be a short project and I’ve already spent too much time working on this 😓.

Thanks for following along with this project!

Productive - Last DevLog

It’s almost done!

New look!

I originally wanted the website to be beach themed, but I couldn’t find any good backgrounds, and the sand-colored buttons didn’t really look that good. Instead, I opted for this nature background and green accent colors.

I also made the containers semi-transparent so you can the the wallpaper + added a border.

Why did devlog took so long

Instead of the notepad and calendar on the right, I was making a music player. However, making it was the most grueling, most horrible experience, and I couldn’t even get it to work (I think it was clashing with my other code, but I couldn’t figure out how to fix it 💔) so after about 3-4ish hours I decided to scrap it.

I included the calendar that I mentioned last devlog. I thought adding a clock (like I originally wanted) but it felt unnecessary, so I made a notepad instead.

New features!

• Increase and decrease minutes button on the pomodoro timer (needs a bit of fixing but mostly works)
• Notepad
• Calendar
  - Current month + year shows up at the top
  - Current day is highlighted
  - You can see prev/upcoming months + years

Extra info

I’m happy to see this website finally come together. I’m going to try to fix some bugs before I ship it.

Thanks for reading!

Productive

A website to help you stay on track with your goals!

New feature: Pomodoro Timer

Literally the whole reason why I wanted to make this project. Took me a bit to finish it, but it got done eventually 😓.

What it does:

• It has 3 different settings/“modes”: a 25 min session, a 5 min break, and a 15 min break
• You can pause and reset the timer

Next up:

• Add increase and decrease minutes button for the timer
• Add a music player (maybe? I feel like it’s above my skill level but I might try to do it)
• Add a clock or calendar (or maybe both! depends)
• Change background
• Change color scheme

Additional:

The next devlog, or the one after, will probably be my last devlog before this project is shipped.

Productive

I made the quote box!!

Every time you refresh the tab, you get a new quote.

I also tried to customize the top bar a bit but it came out ugly/bland :’)

Next up (eventually):

• Making the pomodoro timer
• Adding a clock or calendar
• Add proper colors and wallpaper (making it look better)