Creative Coding 1
I designed and developed this landing page in React and Tailwind CSS, using Framer Motion for subtle but engaging animations.
Overview
Cubtale is a modern brand partnership platform landing page that showcases clean design principles and smooth user interactions. Built with React and styled using Tailwind CSS, the project demonstrates proficiency in component-based architecture and responsive design patterns.
Goal
Improve workflow efficiency, highlight software value, and test which design drives more engagement and revenue awareness
Scalable Architecture
Microservices
Cloud native
Auto-scaling
Challenges
Since I'm more focused on frontend work, setting up a backend flow with serverless functions and API integrations was new territory for me. Getting the app to communicate with Anthropic API, manage environment variables securely, and handle deployment on Netlify required a lot of trial, error, and debugging.
Another challenge was making the responses render cleanly in the UI — I integrated react-markdown to properly display Claude's formatted recipes. Each roadblock pushed me to explore concepts I hadn't worked with before, and solving them gave me more confidence working beyond the frontend.
👋🏻 Personal Notes
I love building apps that me and my friends actually use in everyday life. Yess, Chef! is one of those. The name, of course, comes from the infamous show The Bear. I’m a foodie at heart: I love cooking, eating, and experimenting with new flavors. The real reason I worked so hard to make this app actually function was simple — I wanted it for myself.
I’m not much of a backend person, but with enough persistence (and some AI assistance), I figured it out. Now, it’s a tool I use and a project that makes me smile.
