Finally the layout for this site is finished. It was quite a struggle and took super long for just 3 div containers, but I think it was so worth it. I know, I know the graphics for the clothes are not perfect, and we need more items, but I can change that later. Now the whole thing needs to work with the JS and such stuff. I still need to do some more sites with stuff to add, and then it’s time for the really hard part: getting everything out of local storage, building in a timer, showing your personal notes … We aren’t even there, but don’t demotivate ourselves now, and I’ll just keep working and giving my best (squeezing every bit of time I have in!) Thanks for reading <3

Ofc you expect something big now; I mean, 3 hours come onnnn. Nah nah, in 3 h I build a 15 px x 15 px square. Sureeee. My patience is actually killing me, but never mind. I added the weather application to my project (I mean that little gif next to the heading). When you click on it, it opens the weather for today and for the next 6 days (y’know, if you are planning your outfit, you need to know if it’s cold or warm…). That works with summary and such stuff. Never heard of it and don’t really get it, buttttt it works, and that thing made its way into my brain (but I’ll never work with it again). I’ll start working on the clothes now (yk graphics …). If you have any wishes for that, tell me, please! Right now it is the plan to add a feature where you can leave yourself a note to help you find that exact piece, a t-shirt, a sweater, a long shirt, a top, a skirt, shorts, jeans, a long skirt, a dress, high heels, sneakers, basic shoes, autumn boots and, ofc, winter boots. Thanks for reading <3

It was quite a struggle doing the JS and the whole styling (I added more items, and the whole layout was suuuuper bad when selecting an item). And when we are talking about selecting, it works!!! I made a selection mode and timed every item. I also added a local storage system on this and the site before. That system basically saves numbers, and at the end the app can read these numbers and tell you, when you planned your event, you wanted this jacket… Like, it doesn’t work, but that’s kind of the plan, and I also spent a lot of time on that (thanks to YT, I managed to do it, and to be patient, ~~that’s basically a lie). I also worked on the README more because I always write pretty long ones, but this will be longer (I really try to keep it short, but there is so much to explain). As already said, I added more items, but if you have more: Tell me and I’ll add it. Right now we have keys (5 min), money (5 min), a phone (1 min), a charger (3 min), writing stuff (5 min), a passport (7 min), lip balm (1 min), earphones (6 min), bubble gum (2 min), food (10 min), random bag stuff (yk stuff that is in every bag and kind of stays there) (2 min), books (8 min) and tech stuff (yk laptop or iPad) (7 min). The time for every item stands in the () and please tell me if you think that this is too much or if I should add more. Thanks for reading <3

So I kind of feel like flying because you can see the results so fast! I just made the next screen (not the JS, just the styling and the graphics, but I mean), and I think it looks sooo good (please tell me if I am wrong)! We now have keys, money, a phone, a charger, writing stuff, a passport, lip balm, earphones and chewing gum. Is there anything else I should add (something super duper important that needs to be in your bag)? Oh, and I also made it scrollable, and everything matches the pixel vibe! When you say that there are enough items, I’ll do the JS, and btw, I tried to make it for all kinds of events ( a passport for travel or writing stuff for college or school…). PLEASE GIVE ME FEEDBACK, and thanks for reading <3

I am sooooooo happy because now the selected and deselected mode AND the math work (it selects and then removes 5 minutes from your starting time, and when you deselect it, it adds 5 minutes). Btw, do we think 5 minutes for finding a bag is enough (not the stuff inside, just the empty bag, but I myself always need so long, especially in the morning), and I also changed the CSS so it looks good while selecting and while deselecting, and yeah, I may change the time if you say less or more, but then this screen is finished. Soooo happy because I always work with a lot of files, which is really confusing for me, yes, but so I only have short amounts of code and can debug really well! Thanks for reading <3.

I made a banner for the README, and I started working on the next site. I am sooooo happy because you now can really see where we are going and what my vision is. The third site is static right now, and only the home button (and the next button if a next site would exist). I also want the elements to change colour when you click on them, but yeah, I think it looks pretty cool, and as always: I need feedback; write me on Slack or leave a comment! Thanks for reading <3

Okay, so I made a video for the README and promoting and stuff because presentation matters… (I genuinely can’t hear it anymore), but yeah, I also made the next site (it is completely white at the moment now, but like, it changes the site correctly, and my JS with all the sound effects works). I also researched a little on how to make push notifications, but everything seems a little complicated, but if it’s complicated, I still have to do it, but maybe it gets easier because everything is based on HTML, CSS and JS and just converted. Idk I have to do more research. If you know something: please leave a comment! Thanks for reading <3

Okay, so I fixed the sound (it took pretty long, but in the end it was just that the site loaded too fast). And I also changed the sources in the whole project, yk, so now everything works. That little piece of ../ is really annoying me because of all the GitHub stuff and the file structure, but I want to keep it structured so people can really understand my repo and yes, pretty productive day and we now can officially start working on the next sites where you choose your bag, your clothes, etc. Thanks for reading. <3

The math works!!!! It took me a lot of trying and thinking (yk, it has to be local storage because it is a new site with a new index but the same Java, so there is 0 room for mistakes), but now it tells you the time that you need to start. I also fixed the next button and started working on the sound effects. I also decided that I won’t do background music because I personally hate that in apps because if I get ready, I don’t want a loop of music; I want my playlist chosen by my mood. So it’ll be a sound when you click on the home button and a sound if you click on the next button (so you feel a little proud and have a happy moment and a motivation to do the next step). I will do the next screens now, and every time you select an item or whatever, it will subtract time for everything (brushing your teeth minus 3 minutes, putting on clothes 10 minutes …). So happy that it works, and hope you like the design with the next button. Thanks for reading <3

Ohh, okay, so first of all, I love the new Stardance streak update (here I come, but I am so said that I lost my over 40 days’ streak at the end of the holidays). And then, as you can see, I fixed the next button, and I started working on the JS, because now it is time for the fun part: the whole math, because yesss, that is a lot of math (yk, with the hours, the minutes, the planning, and the time calculated that you need to do this or that). I am giving my best, and unfortunately the whole thing is getting so big that my converter doesn’t take it any more, and I need a new one (any tips in the comments, please; I need one from a zip file to APK). Yeah, thanks for reading and let’s see how far I can get with the JS today <3

Okay, so this really took forever because of all these pages, and they are all in folders, and you need to get out of the folder, and you need to link it right, and the JS…long story short: it is annoying and testing me, but never mind. As you can see, I added a third screen (nope, the second one is not finished, but I needed it to program the next button). Tomorrow I will do some graphic stuff because right now the button is somehow gone and just a frame (I just converted it to an SVG). And yeah, basically if you have tips on how to do the whole thing with all the screens better (because you also need to pay attention to the app, yk, not everything that works in your browser works in the app). Thanks for reading <3

Okay, so nope, I’m not dead, just busy with school. And because I live in a country with a pretty hard school system, this really takes forever, but I know how it looks: I was lazy. Nope, I wrote a 3-site report about the plan and watched YouTube videos for my Java knowledge 24/7, and as you can see, I installed it, and I think the app icon looks great in real life. I just built the first screen with the input field for the arrival time and need some help: The font size is perfect for the number but not for the placeholder. I did write code for these two but somehow it doesn’t work input[type=“number”] {  font-size: 30px;    colour: #f5df3d; } input::placeholder {  font-size: 60px;  colour: #f5df3d; } It would be great if someone helped me. Hope you like the first app screen, and I am giving my best here to give this project all I have. I just got a superstar for my other project, Neverland OS, and I am so thankful and would like to say a big thank you to all the supporters. I hope this project also gets so much feedback, and I am giving my best (I have never built an app before). Thanks for reading <3, and I’m so happy that installing on my phone worked

Okay, so today I started working on the second screen and the like timer thing (on this screen you are going to tell the app what time you need to arrive), and then the app will tell you at the end (when everything is chosen (for example, what should be in my bag)) when to get up. Omg, that sounds so bad, but idk how to explain it any better. I also changed the font of the text on the home screen, and I downloaded the first-ever APK file for testing, so it doesn’t have a key at the moment. I will share a screen of how it looks on a real phone when I install that. A lot of research today, and school starts again in 3 days, so I have a lot of other stuff to do, but as always, I am giving Stardance every hour I have. Thanks for reading, and I hope you see the vision <3.

Okay, so I really hate writing for such big amounts of time, but whatever. I changed the whole design and added a pre-loader and a home button. I also changed Mira and the text box at the bottom. Like, look at it yourself, I changed everything; my brainstorming stays the same, just the design is different because I think the other one was kinda ugly. I also made another site today for a YSWS where you get lights so Idk if it’s forbidden to share that here but that also took 6 hours (so you get why I am only making such small amounts of progress) https://253-mathilde.github.io/Ocean/ and yeah, thanks for reading <3 Ohh and always open for feedback to the new design

Okay, so as you can see, I started brainstorming. I draw every screen and then program every screen step by step so it doesn’t get confusing and debugging is easier with smaller amounts of code. As you can see, I also made the welcome or start screen (I started it; don’t worry, it isn’t finished) and made the screen change once you click on Mira (the starfruit), and I made it go back when you click on text on the second screen. I also figured everything out for the screen, yk, so that it will look good on a phone, and I am programming everything for the dimensions of an iPhone 12 Pro, so it shouldn’t change much on other phones. Hope you can see the vision with these pretty bad drawings and thanks for reading <3

First of all: I am so happy to finally use lapse because now everything counts. Okay, back to the project: ‘prête’ (meaning something like ‘ready’ but it sounds better) is an app that tells you what to do to get ready. It helps you to reduce stress, etc. I’ve never made an app before, so this is going to be so much work. I just made something like a figure and the app icon, and I also set up Hackatime in VS, so now everything works and I can just work. I already have so many ideas, so I need to sort my head and watch a million YouTube videos to start because I also have no experience with programming for a phone. Let’s do it. Thanks for reading <3

Okay so I think I ship now ,just made some small changes (so my code is better to understand by others) and somehow they turned out to be an hour so yeah time to ship.Thanks for all your support and figers crossed that the first ship works!

Last Devlog (hopefully).

Okay so before you judge me because I promised that I would ship yesterday: This README is massive and I gave my best to
make it short but still well explained and yeah this was just so much work.Hope you like it.
The TV should also work now.Finally, so maybe try it! https://253-mathilde.github.io/My-first-OS/.
I think that I’ll ship today. I really hope that everything works so pleaseeeeee I need some feedback.
This project is just crazy and so many already like it.Can’t wait to see what you say to my next projetc idea.
Thanks for your support and can’t wait to hear all the feedback. SO many hours of work.Hope they pay of.Thanks
for reading <3.

Okay so I never want to see a link in a HTML project again for at least the next 2 weeks because I now added
the image sources to the manual, and that was just some crazy work. I myself always keep every source
throughout the whole project but that meant that I had 15 pages full of links and I only needed the ones for the images
And some were even unnecessary because those images were deleted from the site through the whole project.
I know this site is probably the ugliest one in this whole project but also one of the most important ones.
I also worked on the grammar. There might be some little mistakes but I wrote it. English is not my mother tongue, and
I typed far more than just a prompt into an AI. I also checked the mistake with the YT video but couldn’t find one.
It would really help if others also checked if the vd in the TV does not work. Tomorrow is README day. We are really there. I still can’t believe it.
And someone wrote me on slack that you can review your own project with any AI, and the AI really liked mine so fingers crossed that the first ship will get approved
And my work paid off.
Thanks for all your support, and I would really appreciate your help with the TV app. Thanks for reading <3 Here is the link: https://253-mathilde.github.io/My-first-OS/