July 13, 2025
Finished the CSS!
- Glass morphism
- Smooth scrolling animations
- Dark color theme
A classic character customization game with options for hair, accessories, tops, and bottoms. - V1 Game creation, 100+ combinations.
Created working page with HTML and JavaScript Framework, CSS in progress.
Finally finished debugging!
- Cool background effect
- 40+ flashcards
- Working home page
Was having trouble on github pages linking eveything and was having issues with JavaScript.
- Fixed Issues
- Almost Done
A modern, dynamic portfolio made with React 📖💫 - Multipage site with pastel colors, clean aesthetic
Finished the retro aesthetic 🌃🎮for the second half of the game!
Decided to go with a different aesthetic 💜💚
~ Made homepage into retro aesthetic with keyframes and a lot of styling brainstorming.
~ Lots of trial and error with the design 😊
Almost done 🚢
~ implemented a more historical aesthetic 🧭
~ added images 🖼️
~ adjusted animations for visual/accessibility purposes 🎧
Gone through the css for more sections ✍️
Created all the basic css styling🎨 and fixed errors with the page navigation!🧭
Got all the basic framework🏗️ for my website in place! Doing more research📝 and making it beautiful🌇
💫Learn about the history of boba tea through this interactive website!🎆Originating in Taiwan and growing up to become a global phenomenon 🌎, boba is a big hit worldwide.🧋
Attempted to fix a browser-specific bug 🐞 But this should run 🏃♂️➡️ on chrome + firefox. Looked into the CSS masking 🎭
Added bubbly purple aesthetic🫧💜 and fixed the problems with my card flipping🗒️Yay! Working on smoother, less intensive animations📝 Adding more flashcards than just five examples😊
Made a 🫧working design💜 and card 📇
Made the animations smoother✈️ and added a shaking paper effect🪇📃. Updating the aesthetic is next on my list.
Game can do messages now📝Going to update the UI to make the game more aesthetic and fun 🫧 Stay tuned! 🎶
Sucessfully got the basic game down ✨ Still need to fix animations 🔨 and add a replay function and more fortunes 🥠. Stay tuned for more!
Some testers said the waves hurt their eyes 😞 so I toned down all the graphics a bit, and also tried to make the scroller faster.
Well my webview still isn't working but I made the wavy background better! I'll try to update photos ASAP
I'm having trouble with webview which is why I haven't been able to post a devlog :( Since I want to keep everyone updated I'm going to show some code even though that's not really the point of devlogs. Below is an example of my instructions and my first question! Get excited for the liquid glass and automatic horizontal scroller design, which I'll post a pic of as soon as I can!
Added Liquid Glass Aesthetic and Made Headway on the Quiz Algorithm
Added automatic horizontal scroller for selecting quiz options.
Made the basic quiz framework with a 3 question 2 answer style quiz, no styling.
Coding Cookie Graphics- Here's half a cookie for reference
Learned how to create svg elements for website and put them into the website with styling. Attached is an example of an image I made.
Gasp!💨 What was that- a flash of light, a tiny spark? No, it was magic flashcards.🔮🫧Meet our secret ingredient for late-night study success.📝 It is, in fact, magic for your exam grades. 🌟✨
What if we combined retro arcade🎮 with a fortune cookie?🍪.... find out your fortune now🔮.
A professional portfolio made with love in Canva.
A portfolio site with a dark color glass aesthetic, with low tones of blue, red, and purple.
DEMO: Order from my ✨intergalactic✨ 🌊wave cafe🍵 to find out what CAT MEME you are! I'm using HTML, CSS, and JavaScript to make this cute personality quiz. You can play the whole quiz in my demo and see all the code! I used a clean 🫧Liquid Glass🫧style, overlaid on rainbow gradient wave frequencies. Possible results include Maxwell, Popcat, Nyan Cat, and Grumpy Cat.
This was widely regarded as a great move by everyone.