DEMO VID BELOW

You can edit the hours displayed right now… but it is not stored in as a config (it is in state) sorry guys because i was not expecting to add this feature…

• i also tried adding a pdf feature but most of them don’t work with tailwind UGHGHUH so… i tried but failed
• i learnt that i really love shadcn
• also i did some policy configuration on supabase
  thats all im gonna try to deploy this

OMG IM SO HAPPY???

• clicking and dragging works using mouseUp mouseDown mouseEnter
• tried to optimize using hashmap
• can add, update, erase on schedule right now
• dialog for help

storytime… i woke up and realize i didn’t need drag and drop. so i didn’t implement it! i think this solution is even better. MY BIGGEST CHALLENGE IS FORMATTING THE DATE how is this so crazy i keep passing wrong format/ objects/ strings and i keep having to debug via console. i believe i took about 1 hour for the DATES. ok and the grid… it took me another hour to map them out properly… like… i was proud of myself for figuring it out LOL. i think i can use map like a god rn… or maybe not…
ok i will probably add more stuff to support the UX…

for two hours i did this.

uh

• task works, can edit and delete and add.
• table display.

i am not sure how i will be implementing drag and drop in 2 days… i read the docs and i am kinda confused? i only know i have to put the app in a draggable context or something… how cooked am i. it was challenging trying to map rows and columns i got a little confused, but figured it out.
anyways i might have to use AI for help for the DND… i don’t know if i can get it to work it is stressing me OUT!!

sheesh it works!
it took 1hr 17 minutes to create a nice form but i did it!!
of course i would still need to format it nicely later…
i struggled through with the mapping of components because I am not sure why it needs a key… but still! attached is my work after

67

minutes.

what i did:

i created the data access object and the hooks for events and scheduled events.

well, at the start it was a little hard figuring out what functions i need to call… and it was my first time trying to use supabase, so I wasn’t very sure. but it got easier because it felt like copy/paste * 8… i am more confident in knowing when to use useState or useEffect, but sometimes I don’t recognize the case and i just get stuck… i am not sure if i can finish this project in a few days, so I will decrease my scope and make it smaller… this time i don’t have anything to show as everything is not hooked up to the ui layer yet but i will #soon in the next devlog… its 2am and i want to sleep…

what i did

• added tailwind, setup shadcn
• setup navigation and pages
• login/signup page

its my first time using shadcn and i love it… it makes UI work much more simpler??? omg and it looks pretty clean too. It too a while for me th set up because I wasn’t sure if I did it right… The challenging part for me was doing the login page as I wasn’t sure when to use useState…

hello hello hello… im gonna try to create a weekly planner that has ok UI and UX… but who knows..

what i did

• set up react
• thought about db schema
• make auth with google work

i learnt what is context for while trying to do the auth…
i also learnt different hooks such as useState and useEffect.
i hope to be able to it apply what i have learnt without crying later

what i did

• hooked the frontend with the api requests using fetch
• added a nice start screen

i was busy this week… i wanted to add more features but i guess it is completed!! i learnt how to modulzrize my code a little? like start screen 1 file, baking animations one file, api requests in another etc… it felt interesting when i started doing this, especially the animations but it got a little bit boring at the end. im gonna go deploy this or something… bye! so here is how to bake your cake:

worked on

• setting up the flask endpoints (POST for scores, GET for leaderboard)
• added a few buttons

yay i finally touched more python!! i usually use a sql database but mongodb is nosql so I learnt the differences and how to use the pymongo library. i will now be trying to connect the front with the backend…

worked on

• timer feature: displaying, starting and stopping
• simple stage 2 animations (oven and cake)

i tried using exports and modules to separate them into smaller files. i learnt how to better do animations and keyframes. however i still think my code is still kinda spaghetti. Also, im sleepy…

worked on

• tooltip
• new tin

i might be cooked guys locked in not locking in as i have a ton of assignments… sigh i better wrap it up. i learnt how to break my script down and use a module script. i also learn how to pass functions in a function…

what I did

• put ingredients in the bowl
• checking if everything in the bowl is correct
• added whisk
• mixing animation and movement

what i learnt

i learnt to use differentiation to help detect the direction of the whisk. also using a object to encapsulate stuff is pretty useful for writing clean code, but it kinda makes me want to rewrite everything entirely. i had a lot of fun doing this because its so funny… LOL

what i did

• make ingredients draggable
• positioning of elements
• check collision

what i learnt

i learnt that i can use the – var to make life easier for me, instead of having to write 9 classes i can just do that. and i can write the styles inline too. yippee! honestly i am not sure what i am going to add for this game… should i add a storyline too?

Hi I’m building a bake a cake but its speedrun game because I have no idea what to build, but I do have to lock in. I do have some ideas but I can’t make it because I’m not good enough yet. So after thinking for a while and expanding on the game idea I think this might be a fun game to make.
I plan to use mongoDB for database to keep track of scores and names, backend would be flask because I love python, frontend would be vanilla html, css, js because I’m not good at it yet. probably going to use render to host this

• i set everything up, flask folder structure, ripped off a recipe online

Minor Fixes and animations

• Added nice logo as background
• Added small slide in animations

I guess thats a wrap… from this I learnt how to use keyframes in css to animate stuff

DEMO WEBSITE!!!?!?!?

• designed, coded the demo website
• record a short 30 second demo
• deployed the website

in this 2h and 55 mins I did up the demo website.
I think it turned out great, I used the colors from the logos to do up the website.
I didn’t learn much but I’m 8/10 satisfied from this. I think my css and html skills really improved from my previous project.
I will try to add animations later to make it more enticing and because Im not good at animations (yet)

EXTRA STUFF ON THE EXTENSION

What I did:

• added difficulty levels (easy, medium hard)
• added stats (Puzzles completed, Time wasted in total)

Nothing much, this time it was manageable.. I learnt how to store values using chrome.storage, and how to grab values from it

I am going to create a showcase or demo website for this now because I am bored

CONFETTI CONFETTI CONFETTI

worked on

• win condition
• adding confetti
• i also had to do a little debugging because it was kind of lagging when i added the confetti and it was because of the shuffling uguhguhguhgughuhg
• Refactoring of movement and detection code
• tracking of active puzzle

yippee I finally did it… the main plugin is completed!!! Time to add more stuff.
I learnt how to include other libraries and packages into my extension.
I also learnt how to use an immediate invoke function expression is in javascript although I do know that in python… I used it to precompute the correct sequence based on the dividers.

Worked on

• Real shuffling (previous shuffling algorithm did not work because there are some invalid moves)
• better empty tile design

Hello… I did not face many difficulties this time though my brain is pretty tired from all the logic…
I learnt how to use the .filter function to make my code more cleaner though!! Ok good night… I think I will add: difficulty levels (easy, medium hard) and I still need to write the win condition. I also want to add like a stat tracker or something because sliding puzzles are so annoying yet so addictive…

Hello
I worked on

• a fake scramble
• making the moving keys work on other websites instead of just html.
• make only one puzzle active at a time by clicking
  At the start I really did not know how to start if it made sense. After researching i gained more direction.

I learnt about the different type of event listeners. Do you know that there are two phases(?) you can put event listeners? The bubble phase and capture phase. You can register the listener in the capture phase to run that before other listeners. I also used preventDefault() to stop default behaviour such as scrolling up and down when the keys are pressed.

Hello its been 2 days because I was busy with school
worked on

• the movement and tracking of pieces. So you now can control the pieces using arrow keys.
  I currently find it really confusing for some reason even though the logic is now correct.
  Maybe because I am feeling sleepy, but I found this really challenging to do, and most of it was just logic. Good night!!

worked on:

• making each piece a div

yes!! each piece is a div with an image so in total the picture below is nine images!!

i learnt how to use different background properties such as backgroundImage, backgroundSize and backgroundPosition. i had a problem when the images looked kind of displaced because backgroundPosition moves it the opposite direction?!? i had to put the - sign. Also based on what i learnt yesterday, I was able to get the parent node of each image and replace the image node with a container that holds all the divs. At first i tried getting the position relative to the viewport then i realized that i could just replace the element!!

i worked on grabbing the images from ALL the sources.
um… it was hard. i actually tried on the previous devlog too, but i felt that it was a bit lacking and it didn’t work on google images at all. i hit a huge stump so i had to consult AI to see what i need to read up on to implement this feature.

i spent a lot of time learning about the DOM, nodes and how they work, i needed to use a mutation observer to check for any updates after the DOM is loaded, so that when i click on another image on google and it loads more images, they will still be affected. however i did not want other images that were already checked to be checked again. to fix this, i used the dataset attribute for custom data attribute.

finally after read read read cry cry cry, read read read cry cry cry,
IT WORKED?!?!?
yippee!!

TMI story but during the first version of this checking all the images i had to go do other assignments. when i pressed opened image in new tab, the images kept disappearing… it worked and i didn’t know… LOLOLOL only now then i realized it was the extension 😭😭😭😭 please save me

HELLO everyone.
This is my first chrome extension. I think it will be hard for me but let’s see. I first read the chrome documentation on how to create an extension. Then i followed the guide and got it set up. I’ve also create a small logo on figma. To be honest, I’m a little overwhelmed by this project but I will try to follow through.

I learnt how the manifest,json works and the different permissions. And also what permissions my chrome extension would need.

hello
i did it
i struggled a little but i did it. i did not know i could use innerHTML for this.
i learnt how to use a forEach loop (i’ve never touch a forEach loop till now. crazy huh)
i guess i am done with this project.
html javascript and css got easier as i was doing it. I might have unwashed myself but I still struggle with manipulating the DOM.

I really like css though

currently I am doing a weather forecast thingy where it pulls data from open metro.
I learnt how to use the open metro api.
I also learnt more on how to use transition properties and what each shortform for different transition does.
I may be addicted to css I just like making things look nice.
One challenge that I face currently is trying to map stuff… like if I have timings from 12am -12pm how do i display them without hardcoding everything? I am so confused and I don’t know. I don’t. I will keep trying but I am sad. This is worrying me a lot…
I pulled the data and it is stored in an array but I don’t know how to display it.

Hi I did a coin flip thing and it took 2 hours and 22 minutes what a nice number.
I think I am getting more used to manipulating the DOM and html and css and javascript as a whole.
I finished this but with no animation in an hour. But I have not tried using keyframes and animating with css so I wanted to give it a go.

I watched some tutorials on Youtube and after a little bit of tweaking and searching and trying to understand what everything means. I think I am pretty satisfied with the outcome.

I used it to determine if I should sleep at 1 or 2 am.

i remember writing this code in python for the bottom half… the RPN so this calculator thing would be manageable. But i was WRONG. it took me 2 hours and 22 minutes after loads of debugging. But I could finally get it to work. The most annoying bug was everytime I used the - sign it calculates wrongly but it turns out it was the order than I popped the stack which was wrong.

I have reinforced my learning on how to apply and use stack. Mainly: converting from infix to postfix . And then another stack to calculate the final answer for postfix. I hope it isn’t buggy… even though the multiplication and division are both to 3DP fixed. uhhhhhhhhh yeah. I spent way too long on a calculator. But it was pretty insightful.

Not done yet but honestly I am pretty proud of this.
I will try to implement stack based solution to calculate because it is an amazing brilliant idea right…
I have learnt how to add event listeners by a specific class. I forgot how to do that but after searching and trying, yippee.

Hi, it took 2 hours + but i finally learnt enough grid to style my calculator. I think it looks pretty good but do NOT remind me how much time I used to design this. Yes. I think my css has improved. I got inspired by teenage engineering OP-1… it is still a WIP but I think the design is coming together.

i spent an hour making a clock. and trying to make it responsive. i have learnt that i could use vw as a measurement to make it responsive to the screen size. it took a while as i had forgotten how to manipulate the DOM but now i remember.

my next utility would be a calculator. I usually use flex flex flex flex but I will take this opportunity to learn about grid css.

Hello everyone, in 2 hours I did the styling and designing of my home page. I am very sorry for the slow progress, I am very rusty now.
Currently my biggest pain point was aligning the cards to be at the center, but added items start from the left. It took me about 30 minutes to get it right. But I learnt to do this with a flex box in a flex box. Overall I am humbled by my slow progress but I am glad I did not touch AI.

LOL twitter is a little buggy as i am typing this

added a function to access the shelf without calling the api…
i should have used a database. my architecture and how i am placing the data is in…total shambles.
there were some errors so i fixed them too.

i think this project is coming to a close?
pretty satisfied with what i have done though my brain rot on x has been already solved by restricting the website on my phone.
ALSO i did not expect to host or complete this project. so I am a little surprised that i pushed through.

im gonna write the ship thing tomorrow morning… good night

added a red me

i need to be more professional man this is not it

wait i did not know this supports markdown

AUTH

im broke, living on FREE TWITTER API credits. and Deepseek to translate. so ummm…. technically its for my own use but i got to ship and present it to some extend

so i created a decorator that ONLY allows ME to change some configurations. hahahaha ok sorry but yes. and… im tired…

Hello
Commands:
/get_acc_list - View all accounts in list
/get_interval - View the current interval
/set - Start automatic Twitter monitoring
/unset - Stop Twitter monitoring
/help for help

Please no
/update - Get the latest twitter update
/add_acc - Add an account
/delete_acc - Delete an account
“””

EDIT:

holy smokes i deployed it but i need someone else to help me test it out

i feel so cooked hosting is a headache and i have 0 experience im surviving on the mercy of tutorials and i should not have used polling. im feeling very discouraged now…. cries

i should have taken account that i can’t run an instance 24/7 technically i can because of free 90 day google cloud $300 credits thank the heavens but i am. i am upset.

But yes. Images and videos work now.

ok i realised i may have took a longer way i should have researched more in depth first…
so uhhh i can now add remove view accounts tracked in memory…
and the extraction logic is covered but i still have to find ways to send and display it back to me

it should be easy to call the extraction function since i encapsulated it pretty nicely but we will never know till tmr.. right…

things i need to do:

1. find a way to display images and videos on tele
2. orchestrate ts
3. run on google cloud but idk if the list of accounts, not sure if i need to save it somewhere else… all the worries… but if function then wouldn’t i need to?

someone please advice

omg chat i got it 😭😭😭😭😭😭😭😭 sorry

hi… am back…
learnt a little bit of docker from youtube and then i tried to apply it because uhh i think i have to host it? i had to do a lot of research because honestly i don’t know what to do. im also gonna try to deploy it o google cloud using cloud run. hopefully i can get it to work.
downloaded the media from the tweets… i couldn’t get the videos to work only the images sadly. lowkey ripped it off stack overflow LOL… WAIT WAIT WAIT i sliced it wrong omg maybe i can?!! actually!?!?! next devlog…
i was literally jumping for joy when i saw the image at the bottom omg feat. tukutz from epik high

created a translation class which helps to translate the korean tweets, by passing it into deepseek. yippee !

what’s probably next:

1. downloading media and attachments
2. telegram bot thing

hello i am back…
i refactored my code because it was too spaghetti… now it is in 4 classes instead of 1 file. it took me about 1.5 hours.
the other 2 hours, i explored what the response of the http request was and the response gave a lot of information. tried sieving through it myself, but i found it difficult(?) not sure maybe because its 3 and im sleepy. it was in a python dict but i couldn’t find the key and values and i had a lot of errors. after many failed attempts to do so, i used a little bit of chatgpt to help me find where the information was in. then i implemented shelf.

since it is retrieving the tweets correctly now, my future plans are:

1. translate the tweets into english since most of them are korean.
2. from the links, try to download the media
3. telegram bot which sends all the information to me

um… at first, i searched for the pricing of x api. and it was really expensive.
then i tried web scraping using playwright and beautiful soup.
however, after digging and trying for an hour, i realise that their anti bot prevention makes it really hard to do so. i had to pivot to other methods.
i browsed the web and saw some free api options, which hopefully can last me the whole of my project.
i decided on using twitterapi.io api. it took me a while to get the advanced search syntax, but i managed to. this is just a simple api retrieval but i am excited on what i can do tomorrow. im not sure what attachment to put since there really isn’t much… uh…

morning guys i deployed it !!!!!!!

i added an lovely funny page onto my personal website.

i finished the serious part of my personal website for real

i added more details, effects and turn everything into components because i was lazy yesterday. so i have to do it today. i think im done with the serious part of my personal website

i sat down and added more stuff my back hurts right now but i am so surprised at my own progress maybe i am not as washed as i thought

its coming together but i took way too long

• did a lot of css and experimentation
• style the Nav bar and footer
• i learnt a lot more about tailwind css

i feel insanely humbled by everything.
im trying to use astro and its a new framework ive never touched before. had to do some troubleshooting. My css skills… non existent. it took me 30 minutes to do up a nav bar… I AM SO HORRENDOUS i will attempt to deploy this static site on github pages or something… if im done with it… LMFAO. ok. im not sure how long it will take to build this website. but i will not use AI. i will not. thanks for listening to my ted talk. it is 4am.

ngl i don’t know what i want to build