How I made a Pokedex for Real Life with AI / GPT4o
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):https://www.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:https://github.com/adriantwarog/Pokedex-RL 00:00 - A Real Life Pokedex00:44 - Inspiration - Why I'm building a Pokemon Pokedex Project01:58 - Planning - How to build a Pokedex and Competitors03:13 - Research - Pokedex Aesthetics and Design04:25 - Design Preparation05:30 - Sketching out Ideas for the Pokedex Design06:20 - Design Mockup - Color Typography07:53 - Design - Figma High Fidelity User Interface09:38 - Programming - Next JS Frontend and Backend10:10 - Database - Using DataStax - AstraDB12:47 - AI - Integrating ChatGPT with OpenAI GPT4o model14:42 - Camera - React Camera Capture Images & GPT4 o Analysis16:55 - Statistics - Creating Stats Map with Data Graphs17:36 - Voice - Recreating Pokedex Voice using AI18:48 - Authentication - Next Auth Sign in for Users19:42 - Database - Leaderboard and Saving Pokmon Entries20:18 - Database - Vector Database with Astra DB21:32 - The Pokedex for Real Life CompleteTools 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 )https://github.com/adriantwarog/Pokedex-RL #pokemon #astradb #gpt4o Want to learn more? Check out my courses! Teach Me Design - Course: https://www.enhanceui.com/ OpenAI + GPT - Course & Templates: https://enhanceui.gumroad.com/ Software & Discounts: Admin Templates and UI Kits: https://bit.ly/themeselection15 Screen Recorder: https://screenstudio.lemonsqueezy.com ?aff=po745 Editor X: https://www.editorx.com/adrian-twarog Webflow: https://webflow.grsm.io/adrian Envato: https://1.envato.market/yRZjz2 Envato Elements: https://1.envato.market/LP0OJZ Elementor: https://elementor.com/adrian/?ref=23140 Computer Gear: Monitor: https://amzn.to/3f9DOQI Keyboard: https://amzn.to/3eA5UFD Mouse: https://amzn.to/3xVJO8l Mic: https://amzn.to/3hgCfms Tablet: https://amzn.to/3ewt7sa Lighting: https://amzn.to/3vOZeZY Key Lighting: https://amzn.to/3f6qP2f Camera Equipment: Camera: https://amzn.to/3uCv4J9 Primary Lens: https://amzn.to/3vT6wMm Secondary Lens: https://amzn.to/3tyqWIX Secondary Camera: https://amzn.to/3o2zCGi Camera Mic: https://amzn.to/33tCz9l USB to HDMI: https://amzn.to/33yW9RE