Uploaded May 2024 | Updated September 2026, 2 weeks ago
A new Pokemon journey begins as I try to create a real life Pokedex. Using OpenAI GPT-4o Omni and AstraDB Database, here's how I made the impossible, possible!
Astra DB (Datastax todays sponsor):
datastax.com
*Due to OpenAI Pricing, I am unable to run this demo project indefinitely, you can clone your own version for testing, you can do so below:
github.com/adriantwarog/Pokedex-RL
00:00 - A Real Life Pokedex
00:44 - Inspiration - Why I'm building a Pokemon Pokedex Project
01:58 - Planning - How to build a Pokedex and Competitors
03:13 - Research - Pokedex Aesthetics and Design
04:25 - Design Preparation
05:30 - Sketching out Ideas for the Pokedex Design
06:20 - Design Mockup - Color Typography
07:53 - Design - Figma High Fidelity User Interface
09:38 - Programming - Next JS Frontend and Backend
10:10 - Database - Using DataStax - AstraDB
12:47 - AI - Integrating ChatGPT with OpenAI GPT4o model
14:42 - Camera - React Camera Capture Images & GPT4 o Analysis
16:55 - Statistics - Creating Stats Map with Data Graphs
17:36 - Voice - Recreating Pokedex Voice using AI
18:48 - Authentication - Next Auth Sign in for Users
19:42 - Database - Leaderboard and Saving Pokémon Entries
20:18 - Database - Vector Database with Astra DB
21:32 - The Pokedex for Real Life Complete
Tools that help me make this Pokedex include: Cloudinary, Fakeyou, OpenAI, Datastax AstraDB, Next JS, JavaScript, React JS, HTML, CSS, Figma, Concepts app, Remarkable, VS Code, etc.
Github Repo: ( Open Source Pokedex RL )
github.com/adriantwarog/Pokedex-RL
#pokemon #astradb #gpt4o
Want to learn more? ⭐ Check out my courses! ⭐
📘 Teach Me Design - Course: enhanceui.com
📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com
Software & Discounts:
📦 Admin Templates and UI Kits: bit.ly/themeselection15
💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745
✖ Editor X: editorx.com/adrian-twarog
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE
A new Pokemon journey begins as I try to create a real life Pokedex. Using OpenAI GPT-4o Omni and AstraDB Database, here's how I made the impossible, possible!
Astra DB (Datastax todays sponsor):
datastax.com
*Due to OpenAI Pricing, I am unable to run this demo project indefinitely, you can clone your own version for testing, you can do so below:
github.com/adriantwarog/Pokedex-RL
00:00 - A Real Life Pokedex
00:44 - Inspiration - Why I'm building a Pokemon Pokedex Project
01:58 - Planning - How to build a Pokedex and Competitors
03:13 - Research - Pokedex Aesthetics and Design
04:25 - Design Preparation
05:30 - Sketching out Ideas for the Pokedex Design
06:20 - Design Mockup - Color Typography
07:53 - Design - Figma High Fidelity User Interface
09:38 - Programming - Next JS Frontend and Backend
10:10 - Database - Using DataStax - AstraDB
12:47 - AI - Integrating ChatGPT with OpenAI GPT4o model
14:42 - Camera - React Camera Capture Images & GPT4 o Analysis
16:55 - Statistics - Creating Stats Map with Data Graphs
17:36 - Voice - Recreating Pokedex Voice using AI
18:48 - Authentication - Next Auth Sign in for Users
19:42 - Database - Leaderboard and Saving Pokémon Entries
20:18 - Database - Vector Database with Astra DB
21:32 - The Pokedex for Real Life Complete
Tools that help me make this Pokedex include: Cloudinary, Fakeyou, OpenAI, Datastax AstraDB, Next JS, JavaScript, React JS, HTML, CSS, Figma, Concepts app, Remarkable, VS Code, etc.
Github Repo: ( Open Source Pokedex RL )
github.com/adriantwarog/Pokedex-RL
#pokemon #astradb #gpt4o
Want to learn more? ⭐ Check out my courses! ⭐
📘 Teach Me Design - Course: enhanceui.com
📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com
Software & Discounts:
📦 Admin Templates and UI Kits: bit.ly/themeselection15
💻 Screen Recorder: https://screenstudio.lemonsqueezy.com?aff=po745
✖ Editor X: editorx.com/adrian-twarog
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE
