#004š§āāļø Post-Pop-Up Serenity: Vibe Coding My Design Website & a Mini Game for Nostalgia š®
Post event serenity, vibe coding, and a little contemplation on video games and nostalgia
Edge Esmeralda Wrapping Up
Edge Esmeralda came to an end last week. What a wild ride! Read HERE for a detailed recap from Lina.
DJing has become my favorite passion. There are very few things that feel as good as playing music from your favorite artists to offer good vibes to your favorite group of friends.
The vibes for the Edge Esmeralda closing party were āļø a dream! Thanks to dear
for taking this epic shot. So much love was felt.I really regret not recording my recent mixes š©, but here is a list of mixes I had over the years of DJing at various gatherings.
DJ is one of those low-lift, high-reward activities. Anyone who loves collecting music and curating a vibe can start with shuffling a Spotify playlist for friendsā dinner party.
My recent favorite album on repeat is CAPYAC FOREVER. This album is like an ocean breeze with funky feel-good club beats suitable for any day, anywhere, and itās almost always guaranteed to be a good time!
Remember to āCheck Inā
Being in communal situations is not always fun. It can also be challenging at times. I find myself dialing up and down on the extroversion -vs- introversion scale.
My social battery got lower and lower in the past 2 weeks, and doesnāt matter how much self-care routine I do, alone time, meditation, yoga, exercise, journalingā¦ the battery just refuses to pick back up. Thereās this āscarcity mindsetā that Iām not gonna be with this community in this way anymore after the end of this event, so I had to summon everything I got to show up for people and myself.
I started having an influx of negative self-talk, started to feel less hopeful about the world, and anxiety and depression slowly crept up on me. I wanted to deal with these emotions before they get out of control. I sat with them, went on walks with them, had conversations with them, āWhere do you guys come from? Why are you here? Can we resolve each other?ā
āSometimes your joy is the source of your smile, but sometimes your smile can be the source of your joy.ā
ā Thich Nhat Hanh
As I tried to ādebugā my mental states, I discovered this wonderful meditative therapy method ā āRAINā, developed by Tara Brach.
The acronym RAIN is an easy-to-remember tool for practicing mindfulness and compassion using the following four steps:
Recognize what is happening;
Allow the experience to be there, just as it is;
Investigate with interest and care;
Nurture with self-compassion.
So I āRAINEDā, writing out everything on my mind, chatted with GPT about it, and the result was amazing! I started to observe how I react to people. It could have been the exact same person having exactly the same conversation with me, but without doing the homework of self check-in and inner balance, I could react almost 180 degrees differently, ranging from a grumpy old ādonāt talk to meā house cat to the super excited ātell me everythingā golden retriever.
Our moods fluctuate, ups and downs, emotions come and go, and we canāt control them. The best we can do is to listen to them, acknowledge them, and work with them. Having these practices ā consistent meditation, mindful walking, journaling, and an abundance of self-reflection time ā has been doing me wonders. āØ
A Week of Tranquility & Vibe Coding
I have successfully landed in the SF Bay Area. Iāll be here for the season, checking out co-living homes, Frontier Tower activities, and enjoying dinners, gatherings, and many other ānormal things normal city people doā ā I canāt wait!
For this week, Iāve been enjoying some post-event solitude and decided to use this time to vibe-code a new portfolio for my recent work.
Designing a portfolio seems like it should be easy, but itās really not. How do you choose which work to highlight, how to prioritize, or categorize?
The BEST resources I found to build a portfolio website are from Semplice, this beginnerās guide on portfolio fundamentals, and this guide on crafting a good case study were extremely helpful.
I started using MyMind, a new bookmarking app. The unique and vibrant design caught my attention right away. MyMind has this gentle, sophisticated, but also really honest design language.
I got curious about the story behind it. Diving into the rabbit hole, I followed the story of Tobias Van Schneider, the co-founder of MyMind, also the founder of Semplice, from this incredible Indiehacker podcast.
Tobias lives and breathes this āgrid-freeā ethos, an extremely sovereign thinker and artist. His work is expressive, personal, and more importantly, authentic, a rare combination of qualities in todayās creative industry.
I started to ship one article a week now on this blog inspired by his philosophy, and Iāve been loving it!
My Workflow: Figma ā Replit ā Cursor ā Vercel
I start every creative project in Figma, itās just an incredible place for visual thinkers to āpuke outā everything on my mind. These days, almost half of my life is on figma, my travel plans, new project ideas, high thoughts, moodboards, even my self-care messages.
My first step for the portfolio project is laying out a wireframe in Figma, and the goal is to get the Replit agent to code this out. Before I jump to Replit and say āmake XXX for meā, I first asked it to recommend a good āstackā for building what I want, I really emphasized ālightweight, simple tech stackā.
Itās real! The magic of Replit is unimaginable. I have never seen the process of an agent building things as Replit does, self-correcting, improving every step of the way. It feels like magic.
Current iteration of my vibe-coded website ā design.syntonikka.xyz ā Iām very happy about how it turned out!
Vibe-coding is great, but for the final small tweaks, like animations or font sizes, having a local IDE is much faster than relying on a web-based agent.
So I took the project offline: uploaded it to GitHub, pulled it into Cursor, did a ton of fine-tuning, and deployed it with Vercel. Replit can host sites too, but I prefer having full control in a local environment.
Thereās always a trade-off between customization and convenience. I think itās important to understand the systems we rely onāeven if we donāt build the car from scratch, we should at least know how to change a flat.
Fixing a motorcycle is as much an art as riding itāand thatās how I feel about coding. Maybe AI agents will eventually be flawlessāChatGPT is always right, Siri never butt-dials random friends.
No matter how fast the tech evolves, I believe we should never offload too much of our intelligence and agency. Thatās how we stay āhumanā, and thatās how we evolve to become better humans.
Sci-fi stories love warning us of a world when AI agents roam on the streets, handling complex tasks, making usā¦ āobsoleteā. I believe itās for good reasons.
Iām not an AI safety expert, but my intuition is that as long as we keep learning, growing, solving new problems, staying āin shapeā (mentally and physically), pushing for innovation, and being āon top of our gamesā, we should be in a good place. āŗļø
Making a Mini Game
I had some extra time this week, so I thought of adding something more funky and unique: a little game to make this feel more playful and personal. The idea of a simple Super Mario platformer came to mind. So I started experimenting with turning the texts into blocks in a <canvas> element.
8-bit platformers evoke this nostalgic feeling of the beginning of āvideo gamesā. This style reminds us of a time when computers were a lot less advanced, but more āapproachableā in a way. Back then, we could actually open up the machine, swap the battery, and customize OS skins. We could actually see āthe bitā on the screen.
Super Mario was first released on NES in 1985, which was 40 years ago, enough time to build a legacy.
To put things in perspective, a MacBook Pro with an M3 chip today has a CPU ~18,000,000Ć faster than the NES. The NES had 2 KB of RAM, 2KB! Thatās less than the size of an emoji today š
A fun side-by-side comparison of the 1985 NES and a 2025 MacBook Pro:
How amazing was it that video game developers back then had so little space to work with, yet they came up with something incredible?
There is something about the frugality and craftiness of utilizing every bit of compute to maximize fun and replayability that most modern games seem to have lost.
You open the top trending games on the App Store, or on Switch, theyāre from massive AAA teams, tons of VFX with a gazillion sparkles, layers of sound effects and animationsā¦ it just overwhelms your eyes with all these bedazzling attractions. But if you strip down these fancy āskinsā, the gameplay is honestlyā¦ still quite similar to what we had.
As a way to āhonor the legacyā of where games came from, and create a very simple, fun game for nostalgic reasons, I added this platformer to my portfolio site. Iāve been having a lot of fun just bopping around, and I love to have this as a foundation to build on top of. There are always so many more ideas and always so little time!
Anyways, if any of you have funky game ideas that you want to jam on / build with, let me know! š Enjoy the game HERE š
Thank you for reading Grid Free Minds :) This blog is a labor of love ā¤ļø
What more would you like to see in the future? Please leave a comment to let me know here :)
Lovely as always <3
My social battery was leaking badly towards the end of Edge Esmeralda too! Thanks for the vibe coding tips and hope you have a fun and fulfilling time in sf!