bentobox

this time it’s all done! I’ve fixed the bug on the navbar and buttons!
I also added slightly longer instructions! then change some food states! Maybe that’s it for now, in the next ship I’ll add music and more complete recipes!

I’ve finished creating the 404 page not found section for the recipe page! so you can only see recipes that are already open!

I just added 10 more questions!
Now the question is about protein, I’ve also added it in 2 languages!

everything is ready, hopefully it works as expected! I really didn’t expect this to happen!

revealedMeal = {
    name: { id: "Makanan Gosong", en: "Burnt Food" },
    image: "/emp.png", // Pastikan ada gambarnya di folder static
    id: "burnt"
 };

This is what will be displayed if you answer all the questions wrong! so try to answer all of them correctly and see what menu you will get!
Here there are a total of 20 menus that you can get!! and only one super rare!
let me know if you get it!

this is what the recipe page will look like, maybe the image isn’t right hehe because looking for the image is quite tiring, also typing it even though this is a very very concise one

Each menu has its own status, such as rare, super rare, average and common! it depends on how lucky you are!

This will be part of the cooking test, you will only be asked simple questions, in the next devlog I will make a sample question page!

everything is almost finished, I forgot to say in the previous devlog about including a recipe menu here I have written very, very many menus, and the prices listed are just for fun, don’t take it seriously hehe

I made a menu section like this so if you want to add a recipe menu you have to cook! not but a cooking competition!! I plan to use the API from TheMealDB because it is free and easy to use

I also added logic so that the menu remains saved even if you exit the browser

const storedRecipes = browser ? JSON.parse(localStorage.getItem(‘cookedRecipes’) || ‘[]’) : [];

export const cookedRecipes = writable(storedRecipes);

// Setiap kali store berubah, simpan ke localStorage
if (browser) {
cookedRecipes.subscribe((value) => {
localStorage.setItem(‘cookedRecipes’, JSON.stringify(value));
});
}

I’m migrating a project from React to Svelte, because I feel more familiar with Svelte!

I moved it from React because I think DOM in React is quite difficult, whereas in Svelte to move pages you only need to use the folder name like this

<li>
  <a href="/menu">{home[$language]}</a>
</li>

create menu data with menu.js to make it easier to see the menu

fixing the code to add dom it’s been few hours, finally the page works again

i messed all omg

so here i still learn about combining loading and browser-route, i need to learn now and make some pages, actually menu pages

so i just add more features in here
i add language switcher and currency switcher
i add ‘staff picks’ section and FaQ question, change the font and give more pixel kitchen look

just make a cleaner code still thinking about navbar

fixing layout! add loading animation and some more

cleaning the code(?) i just re-write the function

soo i add some moree

so i already made its background (made it on aseprite) and navbar