Building a Zoneless Modern Angular App with Codex (OpenAI) (Unfiltered Vibecoding)

Описание: 🌌 A modern, zoneless Angular app for deep work preparation — consciously vibe-coded with Codex CLI/Extension. #behindthescenes

If this is your first time using Codex, please make sure to follow the instructions in this article → 🔗   / how-to-use-openais-codex-with-cursor  

✨ Discover the lessons, struggles, and breakthroughs in this AI x Angular experiment → 🔗   / b5fa763d17b4  

⏱ Chapters
00:00 ⬜ Zoneless Angular App setup (with pnpm)
01:51 🏗 Scaffolding & Core Features
07:14 🎨 Integrating TailwindCSS v4 + Welcome page
11:52 ✅ Features – Checklist
16:05 🔊 Features – Sounds
18:17 🌬 Features – Breathing
19:30 ⏳ Features – Timer
22:09 🎵 Connecting Sounds with Timer Feature
24:07 🪞 Features – Reflection
26:14 📈 Features – Analytics
27:05 📝 Quotes – CORS issue & proxy fix
32:52 ♻️ Refactoring – Stepper Component & Improve App's navigation flow
42:51 🎨 Gemini as UI/UX Designer (first try)
49:27 🎨 Gemini as UI/UX Designer
40:07 🚀 App's demo (light theme)


📬 Connect with me
🌐 Website: http://fatimaamzil.com/
✍️ Blog:   / famzil  
💼 LinkedIn: https://www.linkedin.com/in/fatima-am...
📸 Instagram:   / _web_stories  
📺 YouTube:    / @web_stories  
X https://x.com/fati_amzil