Keyboard Confessions - Episode # 18

Psycho Here ;-)
Hi everyone,
Welcome to the 18th episode of “KEYBOARD CONFESSIONS”
Before moving on, if you haven’t subscribed to the newsletter yet, you can subscribe by entering your mail at end of this article. After that, you will get these articles directly to your mail box and you can unsubscribe any time ;)
Anyways, lets get into this week’s episode.
Development Logs
Shopify
I was working on making a shopify store.
Previously I have worked on shopify, its similar to wordpress but create mainly for e-commerce. Its also pretty easy compared to Wordpress.
If you are creating a shopify store, normally you would create account, install theme, modify theme and done. You store is ready for production.
Yes, there are also many other things to set, currency, checkout page, payment etc.
Shopify also built-in code editor where you can also change code, if you want 😗

Point of writing this is, how about making themes for shopify and sell online?
I have seen many themes, like this one:

Although, it will depend on how well you make your themes and pricing. But, many people do this, they buy these themes and use in their store instead of designing from scratch, or spent their time modify the themes.
Streaming Responses
These past two weeks, I have worked on implementing some AI agents and workflows where I deal with streaming responses.
I created these agents with ChatGPT & Groq API and added Pinecone and MongoDB for databases.
While creating these agents, I faced many problems.
The Agents backend is made with Fast API so I have to send response to frontend which is in Nextjs.
Sometimes, streaming not working correctly, sometimes its sending duplicate AI Messages, sometimes its not following system prompts and giving random answers, sometimes it is not following the actual workflow and many other problems.
But overall, it was great learning curve working with these things for a real world application.

Thinkr
Previous week, I wanted to upload a new video on YT as I uploaded the previous video 1 month ago.
So, I thought lets make a video on another project.
Then, I was looking for project that I can build for the video. After some research, I found one project.
I am a fan of urdu poetry & sometimes, what happen is, I find a verse that I like and I want to share it whether in WhatsApp status, instagram story or wherever. I need to find a picture that i can share along with verse and I have to share the verse without picture. This is good, but as you know, visually showing something adds value to it.
So, I thought, lets make an online editor, where user upload picture or pick any picture from online library like Unsplash, add verse on top of it and download the picture to share with others.
So I converted this idea into project I called “Thinkr”
Linkedin post here for complete details:
https://www.linkedin.com/feed/update/urn:li:activity:7369340206413443073/

This is an online editor, where you can upload your pic or pick photo by searching from unsplash.
After adding picture, you can add any text or pick from pre-defined texts where I added some urdu and english verses.
you can also pick fonts for both english and urdu writing, color, style and can also manipulate the background by changing brightness, contrast, grayscale etc.
After editing and adding text to your picture, final image will look something like this:

You can try out the tool from here → https://thinkr-studio.vercel.app/
Frontend Bootcamp
We are conducting 2 days frontend bootcamp on Fluxxion and GDGoC UET NC.
This will be mainly for beginners that want to start their journey in web development.
Plus this is also a little experiment of one feature that we will introduce in Fluxxion later.
Complete details about the bootcamp here:
https://www.fluxxion.dev/career-accelerator/2-days-frontend-development-bootcamp

Weekly Picks
These are some videos, articles & resources for this week that I found helpful.
How to focus on building your skills when everything's so distracting with Ania Kubów [FreeCodeCamp Podcast #187]
https://youtu.be/Zv2a6ixXEQchttps://blog.bytebytego.com/p/how-grab-built-an-authentication
https://world.hey.com/dhh/engineering-excellence-starts-on-edge-c36e4c59
Developers have a problem with side projects → https://www.youtube.com/watch?v=Y_JQti8YLn0
https://www.coderabbit.ai/blog/vibe-coding-because-who-doesnt-love-surprise-technical-debt
That’s it for this one.
Hope you like this episode.
Consider sharing it with your programming friends and community.
Also, follow me on Twitter/X, where I actively post stuff, project updates and more.
See you in the next one ;)
- Psycho




