Devlog #6

Finally done!!

After quite some time I got my Hackpad kit and managed to build it IRL
The soldering looks kind of bad but it’s my first time soldering so I am happy with it :)

Unfortunately, I forgot to record most of the process but whatever ahah

Devlog #7

Done?

Hey everyone!!
Yesterday I managed to finish the last details of the website. Unfortunately I realized that implementing all the features I planned at the beginning would take much more time compared to what I have with all the School work I have to do.
So more polishing on the research for meals and the grocery list aren’t in the app. It’s sad but I really don’t have much time this week and the next one so I can’t make it before the end of the month…

But anyways, I am still happy of what I made, so today I am shipping :)

Thanks everyone for the support!!

Devlog #6

Saving

Heyyy!!
After a Week I finally managed to work for some more time on this project. In the previous days I didn’t post any devlogs but I did work on it for really short amount of times, and with today I managed to implement the saving and synchronized the daily planner with the weekly one. So now if you fill out the week, each day you will see the selected dishes on the “Today” page.

I hope in the upcoming days I’ll get some more time like today so I can work more on this!!

Thank you guys for reading :)
Have a great day

Devlog #5

Slow progression

Hey guys!
Unfortunately, I’ve been really busy with school since it started, so I can’t work as much as before.
Today all I could do is being able to select the meals, and I also fixed the filters not showing up.

Right now, I am mostly focusing on the JavaScript rather than the CSS, but I will work on it too once I finish with the important parts.

Byeee thanks for reading!

Devlog #4

Nothing works

Hi guys!

Sooo today I tried adding the filters for the search, but it doesn’t really work. I don’t know why, but all the filters do not show. I will look into this tomorrow since today I don’t have any time for it…

Hopefully I will get it working quickly so I can start working some more on the styling.

That’s everything for today, thanks for reading!!

Byee

Devlog #3

API is working

Hey guys!

Today I worked a bit more with the API and I think I now fully understand how it works. Now when clicking Lunch and Dinner, the results will have many different dishes ranging from Seafood to Chicken meals. Ignore the style for now because that’s just to test everything.

Also, I am planning to add a filter where you can select categories manually so you can filter meals based on your preferences and if you can’t find anything appealing in the starting page, you can always use the search bar, which now isn’t really working but I’ll do it sooner or later :)

Thank you, guys, as always for reading
Have a great day!!

Devlog #2

Work in progress

Hello everyone!
Today I explored TheMealDB which I will use to fetch all meals. Right now, I started experimenting with it, so what you see will be gone in the next devlogs.

So right now, I just have it working on the Breakfast button, because it’s the easiest one since TheMealDB has a category breakfast and I can simply request it like that. For Lunch and Dinner there are no dedicated categories, and I will implement a menu where you can choose different kind of meals, like Pasta, Chicken, Seafood and so on, and will fetch the meals based on the choices.

That’s everything for today. In the upcoming days I will be slower in posting devlogs and writing code because school is starting… so I won’t have as much free time as I did until now.

Bye!! Thanks for reading

Devlog #1

What’s Fresh?

Hii guys!
So today I randomly woke up thinking about something to complete the Frictionless mission, and so I thought about doing a Meal Planner application. You basically can:

• Plan what you’re going to eat today, you can do this in the morning, this way you won’t have to worry about it in the morning
• Plan your whole week! You can select meals for each day of the week. So if you select noodles for lunch on Monday, if you check the app on Monday morning, you will already see on the “Today’s Meals” page what you had planned before.

I think that could be useful for some people, or at least me, because I never plan my meals and end up last minute having to decide

Also, one feature I think I’ll add, is to take all the ingredients needed for the meals you chose and generate a grocery list, so you won’t have to manually check each single one and waste time doing it yourself.

I attached a picture of what I did now, I’m not too sure about the colors, I love the green and cream (if that’s cream) color but let me know about it! I am willing to change the palette.

Bye guys! Have a great day :)

Devlog #8

Shipping

Hi!! I think it’s time to ship this project once again.
A LOT changed since last ship, actually, everything changed.
Today I finished the README files.

Devlog #7

Hii guys!
I couldn’t work much in these last days but I finally managed to finish the Blog!

I created it under a subdomain, https://blog.nokira.dev , and in the Home page you can see the “Latest Blog Post” to get a preview.
If anyone has something to suggest, please comment! I am always happy to hear feedback or things to add :)

Byee!!

Devlog #6

Projects page!

Hii!
Today I worked only on doing the Projects page and it was quite easy since I took most of the code from the Gallery and adapted it.

In the next days I will polish everything and start working on finishing the home page.

Thank you all for reading! :)

Devlog #5

Gallery!

Hii everyone!!
Today I spent quite some time on the Gallery.
It’s just a page where I put some pictures that I took in the last years, nothing crazy, but I spent A LOT of time between the styling and finding way to load all the photos without having the page lagging. And while it’s easy, I tried at first the hardest method… which didn’t work that much, and only after that I found how to do it properly, so yeah…

Also, I tweaked some properties for smaller screens and changed the background, I think I like this one more.

Let me know if you have any suggestions!! I always read the comments :)

P.S. The site is now live! nokira.dev

Thank you, guys, for reading! Have a great week!!

Devlog #4

More styling..

Hii guys!
Sooo today I didn’t work that much, but I changed some of the CSS and now this is how the page looks like. If anyone has suggestions, feel free to comment!

Also, I have a question, does anyone know why the website seems to lag during the scrolling on Edge, while it works completely fine on Chrome and Firefox?

This is it for today, tomorrow I’ll definitely start working on the gallery, I gathered some ideas today.

Byeee!! Thanks for reading :)

Devlog #3

Styling

Sooo hi again!

In this hour here is what I did:

• Added Background
• Added Colors
• Added Images & GIFs
• Added Dividers

To be honest it was quite easy to make the layout. The hardest part was searching online for the graphics!!
There are so many resources out there, but I felt like only a few of them deserved to be used on this website. I guess I spent 1 or 2 hours going around hundreds of sites to get all the elements needed (and I don’t think I’m done).

I don’t really have a plan for tomorrow, but I’ll probably create the projects section. Also, I was thinking of making a gallery too, to share some of the pictures I took that I like the most

Thank you, guys, as always for the support and for reading the devlogs!! :)

Devlog #2

Barebones

Hi everyone!!
I’ve started working on the overall layout.
I think it’s coming together, slowly, but it’s already something.

I added all my interests and wrote kind of a long paragraph for the about me section, so I hid by default, this way the page doesn’t feel too crowdy.
I will now work more on the styling. Find some cool elements to add, a palette, and a background.

Thank you for reading!! :)

Devlog 1

New beginning 🌐

Hii everyone!
So, I finally decided to spend my domain grant, and I bought the nokira.dev.
Now I am reworking the entire website to a whole different style. Hopefully I will come up with something permanent and beautiful.

I will work a bit slowly compared to usual, but something will come… :)

Devlog #5

README

Hii everyone!!
Today I wrote the README file for github and also made the firmware using QMK, but I forgot to record it XD

So if everything works correctly the keys should be mapped like this:

┌──────┬──────┬──────┐
│    PREV     │     PLAY     │    NEXT    │
│──────┼────── │──────│
│      F13       │      F14       │ LOCK        │
└──────┴──────┴──────┘

Where each function is:

• PREV > Previous Media
• PLAY > Play or Stop current Media
• NEXT > Next Media
• F13 > Free Macro Mey
• F14 > Free Macro Key
• LOCK > Lock Screen

I will ship the design and see. If everything works and I get the grants, next devlog will be once I get all the stuff to actually build it :)

Byeee thanks for reading!!