Adrian Twarog
Adrian Twarog
  • 112
  • 34 403 339
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):
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:
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: www.enhanceui.com/
📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com/
Software & Discounts:
📦 Admin Templates and UI Kits: bit.ly/themeselection15
💻 Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
✖ Editor X: www.editorx.com/adrian-twarog
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: 1.envato.market/yRZjz2
🌿 Envato Elements: 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
zhlédnutí: 106 484

Video

Create a Responsive Portfolio Website with HTML CSS JS AI from scratch
zhlédnutí 14KPřed 2 měsíci
In this video, I’m going to help you build your own portfolio website from scratch. You can access all the assets and Microsoft Azure here: aka.ms/AdrianTwarogAI The first part of the video will allow anyone to create this web design using basic HTML, CSS and JavaScript. This will be beginner friendly. It will be a portfolio you can host yourself, and it will have a single page design that has ...
How to use Microsoft Azure AI Studio and Azure OpenAI models
zhlédnutí 61KPřed 2 měsíci
You can now interact with OpenAI directly through Azure AI Studio. Learn more about Microsoft Azure AI Studio here: aka.ms/AdrianAI In this video I’m going to cover Azure AI Studio, which will be useful if you’re looking to build something a bit more complex as either a beginner or professional developer at a company. There will be 5 parts to this video: 1. What is Azure AI Studio 2. Create a m...
How to build a PDF summarizer using AI - React JS Next.js
zhlédnutí 18KPřed 3 měsíci
I'll show how you can build a PDF summary App using AI. I'll use a plain CLI with Node JS and then I'll add a user interface with Next.js and React JS. The PDFs can have multiple pages and can summarize large documents with large language models using Octo AI. Check out the full project at: github.com/octoml/octoai-textgen-cookbook Give OctoAI a try at: (Thanks to Octo AI for sponsoring the vid...
37 x Interactive React JS Components to Try - Aceternity UI
zhlédnutí 111KPřed 4 měsíci
If you want to make your websites look 10x awesome, try Aceternity UI. You can copy paste the most trending components and use them in your websites without having to worry about styling and animations. Reference: ui.aceternity.com/ 00:00 - React JS Interactive Animated Components 00:29 - What is Aceternity UI 00:51 - 3D Card 01:32 - 3D Animated Pin 02:03 - Hero Parallax 02:18 - Google Gemini E...
YouTube Clone with A.I. Next.js 14, React JS, Mongo, OpenAI
zhlédnutí 9KPřed 6 měsíci
I've been working on a special MVP project called the CZcams Analytics AI, which takes youtube studio analytics and adds AI features on top to analysis thumbnails, videos and content. Here is my progress on it so far. In this video I added Cloudinary detection, analysis and editing tools! Cloudinary AI: (todays sponsor) cloudinary.com/products/cloudinary_ai? Check out the CZcams Analytics AI pr...
You must try this Visual Editor for building React JS Apps
zhlédnutí 188KPřed 7 měsíci
Codux is a Visual IDE for React, and a revolutionary one at that! It can render any react project quickly and in real-time. In this video I’m going to take a look and what makes it so special, including how it includes built-in CSS, SASS and Tailwind styling options. There are now components and boards that let you use and reuse component templates you’ve created, and it makes the process for b...
How I Create and Code AI Startup Ideas in 24 hours - OpenAI
zhlédnutí 86KPřed 7 měsíci
I've had this idea I wanted to build for quite a while, so I decided to not have any more excuses and build the whole MVP idea out in a single day. I built this AI start up in just 24 hours. I used simple Javascript code, with some basic HTML, CSS and Node JS, with a backend database of Astra DB since it now includes Vector Databases! I used OpenAI for the Artifical Intelligence together with C...
I don't need Firebase anymore! I use Appwrite Cloud Functions
zhlédnutí 32KPřed 8 měsíci
I managed to create a cloud function on GitHub using Node JS that has CI CD in less than 5 minutes, and you can do this too! Finally, I don't have to use services like Firebase and complicated setups with a worry that the pricing might break my wallet. Appwrite and it's new cloud beta is now available. It has cool things like cloud functions that are easy to implement using templates that are r...
ChatGPT for Automation in Business and Personal Tasks Easily
zhlédnutí 37KPřed 8 měsíci
ChatGPT Automation - Tutorial on How to Automate Tasks with AI, I'll show how to integrate GPT4 with Applications and Workflows. Make: (Todays Sponsor) Get 1 month of Make's Pro plan with 10,000 operations for free using this link: www.make.com/en/register?promo=adrian-twarog& OpenAI: openai.com/ 00:00 - OpenAI Automation 01:00 - OpenAI Account Setup 01:13 - Make Account Setup 01:50 - Gmail AI ...
ChatGPT Functions - Full Tutorial for using OpenAI Functions
zhlédnutí 86KPřed 10 měsíci
Learn OpenAI ChatGPT Functions and how to properly integrate them. In this video I'll cover Chat GPT functions and how to integrate ai into function calling. ChatGPT Function can be used to talk directly between your terminal and request Open AI to call specific commands based on what is written. Bright Data: (free $15 credit when using link below) Proxy Network and Scraping Tool brdta.com/adri...
ChatGPT Code Interpreter Tutorial - New Open AI GPT Model!
zhlédnutí 149KPřed 11 měsíci
ChatGPT Code Interpreter Tutorial - Data Uploads and Analysis. The latest Code Interpreter Chat GPT model has new features that previous Ai models didn't have. OpenAI have done a really fantastic job allowing you to run python inside of ChatGPT to do interactive things. This crash course is a guide for code interpreter. #chatgpt #codeinterpreter #openai Want to learn more? ⭐ Check out my course...
OpenAI Embeddings and Vector Databases Crash Course
zhlédnutí 405KPřed 11 měsíci
Embeddings and Vectors are a great way of storing and retrieving information for use with AI services. OpenAI provides a great embedding API to do this. Postman lets you make these with easy at www.postman.com/ (today's sponsor) In this video we will explore how to create a Vector Database by creating embeddings using the OpenAI API and then storing them in SingleStore. The first part of the vi...
How I used AI to Automate YouTube Shorts - ChatGPT OpenAI
zhlédnutí 47KPřed rokem
AI automation is making its way into designing, coding and even video production. I'm going to explore how videos can be fast-tracked and automated using AI services! I try to create a new youtube channel scripted by ChatGPT, edited with Text to Video AI, and voiced over too. OpenAI has really changed how many things are done. This video was sponsored by InVideo! If you want to try inVideo with...
I used AI to Automatically Generate Websites Without Coding
zhlédnutí 80KPřed rokem
Not everyone can code, and while ChatGPT is great at giving you the code for a site, there are tools out there now that generate websites using ai without writing code. In this video I'll cover 10web which has a new AI Website Builder that automates Ai Generation tools like OpenAI provides to create a website in just minutes! Check out 10Web AI Builder: (also today's sponsor) 10web.io/ai-websit...
How to integrate OpenAI GPT3 with a Databases - Crash Course
zhlédnutí 286KPřed rokem
How to integrate OpenAI GPT3 with a Databases - Crash Course
How To Build A Twitter Clone - React Next JS - Appwrite Crash Course
zhlédnutí 38KPřed rokem
How To Build A Twitter Clone - React Next JS - Appwrite Crash Course
Beginners Guide to GPT4 API & ChatGPT 3.5 Turbo API Tutorial
zhlédnutí 299KPřed rokem
Beginners Guide to GPT4 API & ChatGPT 3.5 Turbo API Tutorial
What is GPT4 and How You Can Use OpenAI GPT 4
zhlédnutí 594KPřed rokem
What is GPT4 and How You Can Use OpenAI GPT 4
What is Bing AI (in 120 seconds) & How to start using Bing Chat
zhlédnutí 190KPřed rokem
What is Bing AI (in 120 seconds) & How to start using Bing Chat
Top 10 AI Tools Like ChatGPT You Must Try in 2023
zhlédnutí 1,1MPřed rokem
Top 10 AI Tools Like ChatGPT You Must Try in 2023
How to use ChatGPT to Make Money Real World AI Opportunities
zhlédnutí 160KPřed rokem
How to use ChatGPT to Make Money Real World AI Opportunities
My Full Web Design Process
zhlédnutí 30KPřed rokem
My Full Web Design Process
How to use ChatGPT on Discord - AI Chatbot Tutorial
zhlédnutí 277KPřed rokem
How to use ChatGPT on Discord - AI Chatbot Tutorial
Chromebooks for Coding - Are they worth it?!
zhlédnutí 40KPřed rokem
Chromebooks for Coding - Are they worth it?!
Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!
zhlédnutí 484KPřed rokem
Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!
Advanced ChatGPT Guide - How to build your own Chat GPT Site
zhlédnutí 1,1MPřed rokem
Advanced ChatGPT Guide - How to build your own Chat GPT Site
How to use ChatGPT to build Business Ideas, Sites & Personal Projects
zhlédnutí 1,5MPřed rokem
How to use ChatGPT to build Business Ideas, Sites & Personal Projects
ChatGPT Tutorial - A Crash Course on Chat GPT for Beginners
zhlédnutí 6MPřed rokem
ChatGPT Tutorial - A Crash Course on Chat GPT for Beginners
What is ChatGPT and How You Can Use It
zhlédnutí 1,4MPřed rokem
What is ChatGPT and How You Can Use It

Komentáře

  • @pfever
    @pfever Před 9 hodinami

    This is the best quality tutorial I have seen online~ I loved you show the whole process in such detail and even open source it! Thank you! I just have a question, the app as it is today costs you money to run... Specially becaude of the calls to OpenAI. How could you make a profit with an app like this? If this were to become really popular I think you would need to turn it down?

  • @jaspersomaek
    @jaspersomaek Před 14 hodinami

    Even though this video is four years old, it is still super useful for me as I try to build my DS portfolio. Thanks Adrian.

  • @njokuochafrancis3688
    @njokuochafrancis3688 Před 15 hodinami

    Nice video!

  • @sohaibahmad6921
    @sohaibahmad6921 Před dnem

    Add an option of summer vacations in school category. Right now schools are close due to summer vacations. But google map is saying school is open and it shows its time that this time to this time school are open In some countries school close due to summer vacations and in some other countries schools are close in winter vacations because every country has it its own weather. Why this option is necessary because those who finding a job with walking interviews this option is help ful for teacher who are finding job in schools. Thsy search school in google map and see schools and check school pictures and details. -___________________________________________ Make another option: Those who are finding jobs on motor cycle when they find job in area. Those who are hiring get notifications that some one is finding job near me so they can meet with each other. When he reached to other area, other area people who are hiring get notifications of candidate. Google map will help finding jobs and hiring people. _________________________________________

  • @MathieuCruzel
    @MathieuCruzel Před dnem

    This is fantastic, you can even branch this concept to emulate a Star Trek tricorder, your imagination is the limit. Brilliant !

  • @vanjoe01
    @vanjoe01 Před dnem

    How do I tell the api to only reply to prompts based on the data I have uploaded and indexed?

  • @nasamind
    @nasamind Před dnem

    Awesome

  • @ShubhamMishra-kt5ed

    Important note for people making this portfolio: This is a great portfolio tutorial, with one exception - the chatbot section. Signing up for Azure OpenAI involves filling out a form, and one step warns that applications using personal email addresses will be rejected. For those of us without an organization email, this creates a hurdle. I'm going to remove the chatbot section for now and explore alternative approaches. Overall, a solid tutorial, but with this important caveat.

  • @GOODBOY-vt1cf
    @GOODBOY-vt1cf Před dnem

    10:23

  • @mtdiscipleship
    @mtdiscipleship Před 2 dny

    Dude, you are a genius and you have the cleanest desk and creative process I’ve seen.

  • @petropetro6076
    @petropetro6076 Před 2 dny

    Chat is this real?

  • @Vinaya-iw8si
    @Vinaya-iw8si Před 2 dny

    How to work in android mobile through chat gpt

  • @Vinaya-iw8si
    @Vinaya-iw8si Před 2 dny

    Please tell how to work with chat gpt and teach how to know abo<t chatgpt ,works. Give notes

  • @tatavarthitarun2739

    Thank you ❤

  • @zenglingyuan6439
    @zenglingyuan6439 Před 3 dny

    So the function is actually called in our backend server🤯

  • @Code_with_merboy
    @Code_with_merboy Před 3 dny

    Use visual code its so much better and efficient plus it works on iPad

  • @diva_0811
    @diva_0811 Před 3 dny

    another idea could be an accountability partner for procastinators PS: Great vid

  • @TheMaestroGuy
    @TheMaestroGuy Před 3 dny

    Not a programmer and I'm a bit out of my element here. I am able to get it to load but when I attempt to use my camera and when it starts processing: I keep getting an error for the Astra DB api. "Authentication failed; is your token valid?" I have put everything in the env file as expected and I'm fairly sure I put in the information in the file correctly. I set up the database exactly as you did in the sponsorship. I noticed that add/route.js is completely blank, so I'm assuming that code you had in the video had to be in there. Apologies for any ignorance!

    • @AdrianTwarog
      @AdrianTwarog Před 3 dny

      I’ll try to make a tutorial video on it!

  • @drunkwritersroom1695

    The app was really fun but now I'm being sent to gethub? Do I have to make an account, run my own server? I've never really used gethub

  • @churchillix2303
    @churchillix2303 Před 3 dny

    pdfjsLib is not working and pdf also

  • @ThE_sOuL2559
    @ThE_sOuL2559 Před 3 dny

    Can anyone tell how to use it cause i cant figure out from the git 😅😅😅😅😅😅

  • @harvey_04
    @harvey_04 Před 4 dny

    How are you handling the unique Id for each session? Do you let the user have multiple session like chatgpt?

  • @adi5180
    @adi5180 Před 4 dny

    can I just skip to part integrate AI chatbot and not converting it into nextjs and reactjs? will the chatbot works?

  • @utubes720
    @utubes720 Před 4 dny

    So 25 years later we are full circle to Visual Basic 6.

  • @art1st001
    @art1st001 Před 4 dny

    Now we just need a 3D printed PokeDex with this AI.

  • @romulo_gomes
    @romulo_gomes Před 4 dny

    You're telling me this is not on the App Store?

  • @hatray4540
    @hatray4540 Před 4 dny

    UI is very outdated, looks like smth from 2014

  • @LandonShipman-iDzynes

    -can you provide more info on the place where ChatGPT goes into these examples so we can read more from Open AI?- found it! thanks...

  • @bramvanhautte5112
    @bramvanhautte5112 Před 5 dny

    Really enjoyed this!

  • @user-zq1wn7th8m
    @user-zq1wn7th8m Před 5 dny

    Thank you!

  • @Shaojeemy
    @Shaojeemy Před 5 dny

    Hmm why not tensorflow? I made a small prototype for the first gen, the issue was that each pokemon needs about 100+ pictures which can bloat the app size if not using a server

  • @ZikkemanYT
    @ZikkemanYT Před 5 dny

    Hello good sir, what is that tablet you drew your idea sketches on like at 3:00

  • @ike212111
    @ike212111 Před 5 dny

    For me, the killing issue is the lack of memory. I need to have Teams and Outlook open, and a bunch of chrome tabs.

  • @ookie218
    @ookie218 Před 5 dny

    This is AMAZING

  • @lucabrando_sanfilippo

    this was awesome thx

  • @Frankie_Freedom
    @Frankie_Freedom Před 6 dny

    What was that eink notepad...looked familiar

  • @Frankie_Freedom
    @Frankie_Freedom Před 6 dny

    Your though be m process behind it is amazing

  • @osearthesp
    @osearthesp Před 6 dny

    genius love you. keeep onn keepuing on we';ll e here !!!!! '=]

  • @sohamohammadpour3838

    ❤🙏🏻

  • @desireihopejamero8586

    👏❣

  • @nihalxkumar
    @nihalxkumar Před 7 dny

    nice thumbnail

  • @ekoprasetyo3999
    @ekoprasetyo3999 Před 7 dny

    project idx maybe will make this happen

  • @mathiaseze2286
    @mathiaseze2286 Před 7 dny

  • @gundam2001a
    @gundam2001a Před 7 dny

    Nice concept. What a great way to get someone into the field!

  • @IamSinistor
    @IamSinistor Před 7 dny

    really cool the only thing i think would really help is if the initial line was the "dragonite the knight pokemon and the evolved form of dragonair" line at the start and then limit the response to a single sentence other than that great video i thought the use of AI in the title meant you were gonna ask chat gpt to write the code and test it as you implement it, you would be surprise how much that is going to happen in the future though i dont see it as a difference as using an API at this point its just a tool, great vid :D

  • @gmmkeshav
    @gmmkeshav Před 7 dny

    Source code?

  • @MalachiKing-my5yo
    @MalachiKing-my5yo Před 7 dny

    Everything is clear. Brief and clear. No water. Thank you)

  • @MisterKaroi
    @MisterKaroi Před 8 dny

    I wonder how fast Nintendo/Gamefreak will DMCA this project due to the use of the name PokeDex and the Pokemons and other assets.

  • @ritooon_
    @ritooon_ Před 8 dny

    Wow, amazing work !

  • @notbeluga8249
    @notbeluga8249 Před 8 dny

    You just copied the code from documentation