Devlog 3

Finished?!

Yup, I finished the project. It was quite hard at the start even when following the tutorial but I managed to get everything done. I did all the drawing myself (apart from the clouds) so it’s not the best looking game nor the most mechanic advanced one. But I wanted to do this mission to get to know Godot because I always admired GameDev but never actually built anything, and also I got a game idea in mind, I’ll try to sketch the basics next week probably.

Byeee!! :)

Devlog 2

New art?

So I realized that whatever I drew before was really bad so I decided to spend some time thinking about about what to use as the character and overall aesthetic. So I decided to use a little bread guy (i drew him, not the best) as the character. Also I changed the main menu background and also for the levels I got some better clouds.

Byee

Devlog 1

I suck at making games lol

Today I wanted to try and make a game with Godot, so I thought it would be a nice idea to start with the mission so I could understand the environment and how it worked… I am 2 hours into the guide and I completed my first level (ignore the ugly assets but I tried my best) and I am finding it so hard for some reasons, even with the guide.

After this mission I’ll probably have to still look at other tutorial…

PawCmd!!

Hello again!! :D

I created 2 more apps…

The first one is PawCmd, this is the cool one. It’s just a terminal simulation. As of right now there are only 4 commands but I’ll try to make some more and interesting ones tomorrow.

The second app is PawGame… it’s pretty bad :( so I won’t show it in the video, but you just have to collect some balls of yarn.. nothing else, just this.

Byee :)

PawNet 🌐🐈‍⬛

Hi!!

Today I managed to polish the CSS for PawPaint, but it’s nothing crazy…

Some other stuff I did was creating a folder on the desktop, so now most applications are found inside of it. The other thing is PawNet!!! This is some sort of browser you could call it. There are 3 buttons at the top for you to choose a website and then you will see the page inside of PawNet.

I know that there are better ways to do that and to make the user decide which site to visit, but that gave me some problems while implementing because not every site allows to be displayed in an iframe so for the moment it will stay like that…
:)

PawPaint 🎨🐈

A new app is coming!!

I am currently working on a new app called “PawPaint”, it lets you paint anything in an empty canvas and then you can save all your beautiful drawings as .PNG photos!!!

This app was not that easy to make and I had to follow some tutorials online, but I managed to tweak it and adapt it to my KittenOS and it seems to work pretty fine for the moment. Of course some more CSS needs to be applied but I just wanted to share the app working!! :)

Devlog 5

Nothing much to say to be honest. I just spend 1 hours refining some minor details and thanks to all the feedback I got, I optimized the background and the previews. Thank you guys for all the positive reviews btw ❤️ :)

Now the videos play only when hovering with the moue on a thumbnail. And also there was a weird behavior when many project were added for testing, so I fixed that issue too and now project display all in the correct way.

I am thinking of a redesign…

Devlog 4

The End?

I DID IT!!
I managed to implement everything I wanted to and I feel like the MainTab project is ready to be shipped!! :D

It took me quite a while to create a decent layout (it’s a bit awful so it will probably change) and implement all the features. Luckly for most problems a quick online research was enough to fix them, while for others it took me quite a while and that’s why I spent nearly 4 hours working on this since last Devlog.

BUT, I managed to do it, and I am very happy because everything works as intended!!

MainTab features:

• News Feed: Get the Top Stories from “HackerNews” right on your page, for easy access
• Weather Forecast: Get current weather conditions and a 7-day forecast!
• GitHub Profile Stats: A little widget that shows your total contributions on GitHub and your current and longest Streak!
• Search: … Well … Obviously, it lets you search anything on the Web using DuckDuckGo.
• Daily Background: Get a different background every day!
• Bookmarks: Save your most used websites for easy access!

If you want to know all the APIs used here they are:

• Open Meteo: Get weather data using Latitude and Longitude.
• BigDataCloud Reverse Geocoding: Get a precise location using Latitude and Longitude.
• Google Favicon API: This API lets you get the Icon of a website. I couldn’t find any official documentation, so here is the guide I used.
• Hacker News API: To get news from the HackerNews Feed.
• Quoteslate API: Get a random quote.
• Bing Wallpaper API: API that lets you get a daily background from the Bing.com
• GitHub Readme Streak Stats: Generate the profile stats card for GitHub

Also, data like GitHub username and bookmarks are all saved into localStorage so nothing is lost on refresh!!

Devlog 3

Bookmarks!!

Making the bookmarks took me 1 hour and a half… TOO MUCH!! But when coding the JS for my first version for the bookmarks (which should have looked like the “preview” in the screenshot attached to last devlog) I decided to just change the way I would have saved the bookmarks, and so I had to do everything from scratch again. Yayy…

The JavaScript code for the bookmarks isn’t too hard. It just creates a prompt for the user to type the link, then creates the HTML element and gets the image from a Google API which lets you get the icon of one website from the URL. To use it I followed this guide. It is quite easy to use, just look!

https://www.google.com/s2/favicons?domain=${domain}&sz=${size}

Thanks to this I am able to render the icon of the specified website. Another feature I added is the Delete button which appears when hovering on a bookmark.

OH and one more thing!

All bookmarks are saved with localStorage so that even when refreshing the page your bookmarks remain untouched!! :)

Devlog 2

Possible Layout!

After some time I managed to come up with a decent layout for the page. It is divided in three main columns:

• Left, the HackerNews feed, i changed the stories to be 20 (may change in the future)
• Middle, random quote, search bar and bookmarks space (still WIP)
• Right, Weather forecast and GitHub stats. As of now the stats loaded are mine by default but I will add the option to insert your username and get your personal stats

I’m liking this project very much because I’m making something that both feels personal and useful on an everyday basis! :)

Devlog 1

Getting Started!!

I am currently creating my New Tab Page called MainTab, because it contains all the main info I want on a page. It’s still very barebones and no CSS is applied because I am currently working on getting all the APIs to work so I can fetch the data that I need to display on the page. Right now, the information displayed are:

• Top 5 Stories from HackerNews
• One random quote
• Current weather and 7 days forecast

The goal for MainTab is for it to provide the right information that I need while maintaining a clean UI.

Fortunately implementing the APIs was quite easy thanks all the documentation and examples available online! :)

Devlog 2

New commands!

Finally got the Bot to work with some more commands. The new commands are:

/lazy-reminder [minutes] [reason] - Sets a reminder for a given amount of minutes and pings you back once the time has run out.
/lazy-verse - Gives you a random Bible verse

I also formatted the help command to look a little prettier and updated the GitHub repo with a list of all available commands and the steps to run the bot locally.
I found this project quite easy, but it was fun! I learned how to manage API responses and obviously how to create a Slack bot.

Also I got my Nest Account accepted, so now the Bot runs 24/7!! :)

Devlog 1

My first bot!!

After more than 1 hour I managed to get my Bot running on my machine (Still waiting for Nest approval) and the 2 custom commands I added are:

/lazy-exchange [OriginalCurrency] [TargetCurrency] [Amount] - This command lets you convert currency using the Frankfurter public API, just type the currency you want to convert, e.g. “USD”, then type the target currency, e.g. “EUR”, and finally the amount to convert, e.g. “1000”.

/lazy-astronomy - to get NASA’s APOD

As of now it only does these 2 pretty easy functions, but I’ll work on more commands soon!

Fortunately, the code isn’t hard to understand and using APIs is pretty easy :)

What changes?

Since the first ship, as you can see from the devlogs, quite a lot changed.

1. 3 New applications, yes! I made 3 more applications, and they are: ‘PawConfig’, to change user settings like name, birth date, profile picture; ‘MeowSic’, to listen to some relaxing LoFi beats; ‘PawCalc’, to make some serious calculations with style

2. Better code organization, finally I decided to organize the JavaScript code, and now it’s all split up in different files, each for a specific application.

3. Desktop widget, you now have a small calendar widget on your desktop, and if you set a birth date inside the settings, it will highlight your birthday with a special color, and you will be wished a happy birthday by KittenOS!

4. New Icons, all applications have now more expressive icons that fit better overall

Major Update to PawNotes

1. Ater 3 hours I finally managed to update PawNotes! Finally, you can create and delete notes! Also, all changes made are saved to localStorage automatically in real time, so you don’t have to save them manually and you won’t be losing them!

2. Also, I created a little widget that sits on the desktop. It’s just a calendar which indicates the current day! Nothing much I know but I like it!! :)

Calculator App done!

I finally finished the calculator app, I actually thought it would have been harder to do but it was quite easy. Other than that, i reorganized the code by splitting each application JS code into its own file to keep all functions separated by functionality.

The next objective is to build widgets for the desktop, maybe a calendar? :)