DEV Community: JohnX4321

Teapot - Brew Tea from AI

JohnX4321 — Sat, 11 Apr 2026 22:29:34 +0000

This is a submission for the DEV April Fools Challenge

What I Built

TeaPot.cloud - An enterprise-grade, AI-powered, cloud-native tea brewing infrastructure platform that is constitutionally, fundamentally incapable of brewing drink. You can go in and experience how making tea with AI looks like but you won't be able to drink one though :'). Equally Expensive as well.

Demo

devchallenge-aprilfools-2026-t9w8.vercel.app

Code

samarthsubramanya / devchallenge-aprilfools-2026

How I Built It

Built with NextJS and Lucide-React components majorly

Prize Category

Honestly, I would like to be considered for Google AI Usage and Community Favorite if possible.

Supporting Teammate: Claude

Logo Generation from prompts

JohnX4321 — Sun, 15 Mar 2026 02:42:51 +0000

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I wanted to build a Business Logo Generator based on prompt about the business and it's description.
The prompt I used was:

You are a professional software engineer. Can you create an application which takes word prompts about a business and generate an icon for the same ?

The rest of the prompts was to fix certain UI issues which I observed.

Demo

Applet Link: https://ai.studio/apps/70865850-95ce-44e3-ad5d-08955c29e137
Screenshots:

My Experience

AI studio allows creation of Technical ideas quickly and efficiently. it also allows immediate deployment through Google Cloud Run and anyone can get their ideas running quickly in a short while than developing from scratch. Human intervention or validation is also necessary because the products generated are not up to the mark always.

Notes App

JohnX4321 — Tue, 10 Feb 2026 02:01:19 +0000

This is a submission for the GitHub Copilot CLI Challenge

What I Built

I built a simple note taking application with a priority level set. The Copilot model struggled to achieve functionality with other ideas, I thought to implement. Hence, settled for this.

Demo

Github Link: https://github.com/JohnX4321/CopilotChallengeNotesApp?tab=readme-ov-file

My Experience with GitHub Copilot CLI

I used the github copilot to generate the template and test the functionality. It sped up the development time and also to debug issues.

CSS Art 2024 Submission, Earth Day Edition Frontend Challenge

JohnX4321 — Sat, 20 Apr 2024 11:52:13 +0000

This is a submission for Frontend Challenge v24.04.17, CSS Art: Earth Day.

Inspiration

The CSS art represents planet earth with its flora in the form of a tree. The Wind animation indicates the presence of Air required for both float and fauna to survive.

Demo

Journey

I have kept the content simple. Will work on enhancing my skills to create more complex representations for the next challenges.

#GithubHack23: Grocery List App using Expo

JohnX4321 — Wed, 10 May 2023 13:54:51 +0000

What I built

I have built a simple Grocery List Application which you can utilize while shopping. It has a simple and minimalistic design without extensive customization and does get the job done

Category Submission:

Phone Friendly

App Link

https://github.com/JohnX4321/GroceryList/releases/tag/1.0

Screenshots

Android & iOS

Description

A simple Application to list out items for shopping at the supermarket (not specific to groceries). You can check the item to move it to completed section and revisit at the end to cross check if it has been picked or not. In the end you can clear the items to begin the cycle freshly again. Built using Expo , React Native , Redux & React Native paper.

Link to Source Code

https://github.com/JohnX4321/GroceryList

Permissive License

MIT License

Background (What made you decide to build this particular app? What inspired you?)

I wanted to build a simplistic app which would come in handy in every day use without additional feature or complexity. There is no Online Sync , Login or integration with other services.
I find it handy to list out items needed to buy before heading out to the grocery mart. I have been inspired by simple Dark/Light theme and determination to use Redux functionality in the app.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

Utilized Github codespaces to develop the application along with expo tunnelling on the codespace server to debug and test the application. I learned automation and remote development skills along the way.