PortEXE
PortEXE
  • Видео 129
  • Просмотров 1 402 974
Building a React Quiz App with ChatGPT: The Ultimate Pair-Programmer
In this video I go over how you can use ChatGPT to become a more productive developer. Instead of using ChatGPT to write your code for you (please don't), you can use it to reduce cognitive load, write boilerplate, and bounce ideas off of. Here I walk you through building a quiz app with React, using ChatGPT as a copilot.
#chatgpt #chatgpttutorial #chatgptcoding
0:00 Intro
2:15 Defining the architecture with ChatGPT
6:41 Generating the app content
13:40 Setting up the React project
17:10 Creating the components
20:35 Displaying categories
23:40 Using a UI library
28:00 Choosing categories
29:50 The Quiz component
45:30 Displaying the results
52:50 Conclusion
---
👀 Follow Me:
Twitter ➔ porte...
Просмотров: 1 498

Видео

Supercharge Your Developer Workflow: How I Use Raycast to Boost Productivity
Просмотров 9 тыс.Год назад
In this video, I share how I use Raycast to enhance my developer workflow and boost productivity. Raycast is a powerful productivity tool that helps me streamline my workday by providing quick access to my most frequently used apps, files, and commands. I'll walk you through my favorite features and show you how to use Raycast to supercharge your own workflow. There are also some amazing upcomi...
A Non-Programmer Interviews A Programmer - Hot Ones Challenge
Просмотров 369Год назад
I take on the Hot Ones challenge with Chris as he interviews me. This one is spicy. #hotoneschallenge #webdevelopment #programming Check out Chris' Instagram: the_wandering_chris 👀 Follow Me: Twitch ➔ www.twitch.tv/portexe Twitter ➔ portexe Instagram ➔ port.exe GitHub ➔ github.com/portexe Facebook ➔ portexe Website ➔ www.portexe.com/
Coding A Guitar Metronome App Live
Просмотров 854Год назад
This video was originally a live Twitch stream. Follow me on Twitch for more live coding content! #webdevelopment #PortEXE #MetronomeApp Code: github.com/portexe/guitar-metronome-trainer 👀 Follow Me: Twitch ➔ www.twitch.tv/portexe Twitter ➔ portexe Instagram ➔ port.exe GitHub ➔ github.com/portexe Facebook ➔ portexe Website ➔ www.portexe.com/
Reviewing My Subscribers Code
Просмотров 1,2 тыс.2 года назад
Something I have always wanted to do is review my subscribers' code! I managed to get enough volunteers to do a live stream. This video is the result of that. #CodeReview #PortEXE #WebDev Thanks to the following folks who volunteered their code! 🔗 github.com/jlarky 🔗 github.com/VishwaGauravIn 🔗 github.com/mikefox17 🔗 github.com/AndrewTownsley 🎵 Music by Moon Wash. songfuze.com/artist/moonwash 👀...
I Code Wordle in Vanilla Javascript Live
Просмотров 1,7 тыс.2 года назад
This video was compiled from two separate Twitch live streams that I did where I decided to stream myself coding wordle in Vanilla JavaScript. #Wordle #PortEXE #WebDev 🎵 Music by Moon Wash. songfuze.com/artist/moonwash 👀 Follow Me: Twitch ➔ www.twitch.tv/portexe Twitter ➔ portexe Instagram ➔ port.exe GitHub ➔ github.com/portexe Facebook ➔ portexe Website ...
This Web Development Article Is Odd
Просмотров 9372 года назад
This video was taken from a live stream where I was discussing an... interesting article that I found on Webflow's blog. #Webflow #PortEXE #WebDevelopment 🎵 Music by Moon Wash. songfuze.com/artist/moonwash Here is a link to the article: webflow.com/blog/web-design-vs-web-development 👀 Follow Me: Twitter ➔ portexe Instagram ➔ port.exe GitHub ➔ github.com/portexe Facebo...
Every JavaScript Array Method Explained With Examples
Просмотров 6 тыс.2 года назад
In this video I teach you every single one of the JavaScript array methods and provide examples for each. 0:00 Intro 2:02 reverse 2:35 push 3:23 unshift 3:54 includes 5:00 isArray 5:32 from 6:36 of 7:01 indexOf 7:48 lastIndexOf 8:39 toString 9:15 toLocaleString 10:04 join 10:52 pop 11:54 shift 12:25 slice 13:52 forEach 15:08 find 16:18 findIndex 16:58 some 18:09 every 19:07 filter 20:07 map 21:...
Coding a Turn-Based Battle Game With React Only
Просмотров 18 тыс.2 года назад
Let's build a turn-based battle system with React and NO 3rd party libraries! 0:00 Intro 1:59 Initialize project 3:50 App structure 5:58 Start menu 9:56 Battle component 11:26 Player summary 28:55 Battle menu 34:25 Discussing battle sequence concepts 36:22 Character sprites 41:00 Battle announcer 50:00 Damage calculations 52:24 AI opponent 55:00 Building the battle sequence 1:21:48 Winning the ...
My Review of the New JavaScript Course From Dan Abramov (Just JavaScript)
Просмотров 12 тыс.2 года назад
I just wanted to do a quick review on a new JavaScript course that I found to be really interesting #JustJavaScript #PortEXE 🎵 Music by Moon Wash. songfuze.com/artist/moonwash 🔗Course: justjavascript.com/ 🔗Dan Abramov: dan_abramov 🔗Maggie Appleton: Mappletons Follow Me: Twitter ➔ portexe Instagram ➔ port.exe GitHub ➔ github.com/portexe Facebook...
Everything I Do When I Start A New React Project
Просмотров 4,8 тыс.2 года назад
Everything I Do When I Start A New React Project
Create A Toast Notification Component With React
Просмотров 16 тыс.2 года назад
Create A Toast Notification Component With React
Build and Document React Components With Storybook
Просмотров 89 тыс.3 года назад
Build and Document React Components With Storybook
What Are Progressive Web Apps? (PWA)
Просмотров 8833 года назад
What Are Progressive Web Apps? (PWA)
Helping People Out On /r/learnjavascript
Просмотров 6503 года назад
Helping People Out On /r/learnjavascript
Taking The W3 Schools JavaScript Quiz
Просмотров 1,6 тыс.3 года назад
Taking The W3 Schools JavaScript Quiz
Beginner TypeScript Tutorial - A Hands On Approach
Просмотров 1,8 тыс.3 года назад
Beginner TypeScript Tutorial - A Hands On Approach
Build And Publish A React Component Library
Просмотров 99 тыс.3 года назад
Build And Publish A React Component Library
Converting A Plain JavaScript App To React
Просмотров 30 тыс.3 года назад
Converting A Plain JavaScript App To React
Coding A Calendar App In Plain JavaScript
Просмотров 81 тыс.3 года назад
Coding A Calendar App In Plain JavaScript
Beginner Svelte Tutorial - Coding A Movie Journal With Svelte
Просмотров 5 тыс.3 года назад
Beginner Svelte Tutorial - Coding A Movie Journal With Svelte
Creating A React App From Scratch Using Snowpack
Просмотров 6 тыс.3 года назад
Creating A React App From Scratch Using Snowpack
Code A Blog With Next.js and Sanity.io
Просмотров 27 тыс.3 года назад
Code A Blog With Next.js and Sanity.io
Coding An Unclickable Button In JavaScript
Просмотров 8 тыс.3 года назад
Coding An Unclickable Button In JavaScript
What The Heck Is Web Assembly?
Просмотров 1 тыс.3 года назад
What The Heck Is Web Assembly?
Beginner Next.js Tutorial - Coding A News App With Next.js
Просмотров 41 тыс.3 года назад
Beginner Next.js Tutorial - Coding A News App With Next.js
What The Heck Is Server Side Rendering?
Просмотров 13 тыс.3 года назад
What The Heck Is Server Side Rendering?
Build And Deploy A React Chat App With Chatengine.io
Просмотров 13 тыс.3 года назад
Build And Deploy A React Chat App With Chatengine.io
What The Heck Is Isomorphic JavaScript?
Просмотров 4,4 тыс.3 года назад
What The Heck Is Isomorphic JavaScript?
A Programmer's Thoughts On Social Media
Просмотров 5543 года назад
A Programmer's Thoughts On Social Media

Комментарии

  • @IconShah-yz8qf
    @IconShah-yz8qf 5 дней назад

    I tried changing my password a couple of times 36:25 , however in the console it still says 'Invalid username/password combination', what can i do to fix it?

  • @chrise202
    @chrise202 7 дней назад

    For CSS you are using a global styles.css file which is bad for multiple reasons: 1. Given this is a "component library" with multiple contributors working on same styles.css you get merge conflicts all the time. 2. If you have an app importing only the "Button" component, you'll have to import the styles.css containing ALL files. 3. The components class names are prone to clashes as they are not isolated in modules. Why did I bother to enlist this? Because rollup is shit and is not suited for component libraries, as soon as you try to tick the boxes above you'll go through a not so pleasant experience.

  • @albuslrc
    @albuslrc 20 дней назад

    Great! 😄

  • @Drayken
    @Drayken 22 дня назад

    Man there's always so much fucking rambling and zero actual practical visualization or application on this topic it's crazy why can't anyone just make a decent video or guide on this shit?

  • @jeff6555
    @jeff6555 Месяц назад

    It's such a strange thing for me to get hung up on, but you really should have trimmed the other end of that command strip. The tab you snipped was for removal :)

  • @421sap
    @421sap Месяц назад

    In Jesus' Name Amen ✝️

  • @user-st9te8tg5d
    @user-st9te8tg5d 2 месяца назад

    How can i do multiple day events?

  • @romans7319
    @romans7319 2 месяца назад

    Thanks a lot, man. Clearly explained everything. Exactly what I searched for.

  • @cycychab8584
    @cycychab8584 2 месяца назад

    how could i make it that if I want to add 2 events in one day, both show on the calendar ? On my console it's fine, but i can't make it visible for the user ...

  • @nicalcoca
    @nicalcoca 2 месяца назад

    How updated is this video? Any change?

  • @shanmuktej
    @shanmuktej 3 месяца назад

    Hey! I've been surfing the web on how to publish my whole framework instead of just a few files as a package to import. To be specific * take a new project * npm init playwright A set of questions will be asked and boom, basic code will be on your machine. I need to build something like that, please help me!

  • @guylepage33
    @guylepage33 3 месяца назад

    Really great tutorial. Thank you!

  • @NetraPatwari
    @NetraPatwari 3 месяца назад

    THANK YOU

  • @sophiochaphidze7732
    @sophiochaphidze7732 3 месяца назад

    Great video! Thank you <3

  • @pantojabenito3225
    @pantojabenito3225 3 месяца назад

    If i turn of the raspberry and then turn on the. This will launch the server automatically?

  • @pryansh_
    @pryansh_ 3 месяца назад

    your video on this is by far the best on RUclips. Thanks ! It was really too helpful.

    • @NetraPatwari
      @NetraPatwari 3 месяца назад

      heyy.. did it work. actually i m stuck because now latest version of story book ask did your project use vite or webpack.. if i follow same instructions of this video. What did u choose Your reply will be helpful

    • @pryansh_
      @pryansh_ 3 месяца назад

      @@NetraPatwari yes I came across this. Vite has its own builder and so you will be choosing vite (assuming you are using vite as in this video) not the webpack builder. If you encounter any issue you may ask.

    • @NetraPatwari
      @NetraPatwari 3 месяца назад

      @@pryansh_ which one did u use

    • @pryansh_
      @pryansh_ 3 месяца назад

      @@NetraPatwari vite

  • @andrewiglinski148
    @andrewiglinski148 3 месяца назад

    Dude... new sub for sure. I'm a pretty experienced developer but I've never published a full library, and it's fucking daunting. You helped a ton.

  • @maximilianosalvatti7073
    @maximilianosalvatti7073 3 месяца назад

    Thank you for sharing your knowledge. When I try to use the component I created in a react project, I get the error message: Invalid hook call. Hooks can only be called inside the body of a function component. How do I resolve it? Thanks

  • @tomfancode
    @tomfancode 3 месяца назад

    Can we have a typescript version

  • @EsotericArnold
    @EsotericArnold 3 месяца назад

    senior: wont mistake the forest for the trees. staff: wont mistake the earth for the forest or the trees

  • @floringhimici6800
    @floringhimici6800 4 месяца назад

    You're a legend, man! Thanks for making this video!

  • @milotxh
    @milotxh 4 месяца назад

    Thank u so much u simply amazing and u got a subscriber

  • @GGg-jq5uv
    @GGg-jq5uv 4 месяца назад

    insightful 🔥

  • @rifatmahmood7161
    @rifatmahmood7161 4 месяца назад

    Great Tutorial. 🎉

  • @018_sayaksen7
    @018_sayaksen7 4 месяца назад

    i was working on a very similar oroject where if the button was clicked more than 10 times it will send a different message but yet cannot do it... if you can help after this happens the unclickable button for more than 10 times then an event pops us of a different image.

  • @ronaksingh2243
    @ronaksingh2243 5 месяцев назад

    Thanks much

  • @user-zn6qr2ye8k
    @user-zn6qr2ye8k 5 месяцев назад

    hey PortEXE, i'm following along and straight from the start wondering what you are using to put the head portion in place for example. i understand you probably made this preset yourself but would like to learn how you personally do this. especially if you are still using this method after 2 years or if you're doing this in another way. Great video, after following this tutorial i will definitely check out what else your channel offers!

  • @sibaprasadacharjya7072
    @sibaprasadacharjya7072 5 месяцев назад

    Before This Video Started I Saw An Ad With A Person Saying "If You Want To Be An Expert Learn From The Expert" I Personally Don't Belive Their Single Words Even If It's Worth To Look At They Are Just Selling Their Courses As Products Through The Google Ad System Please Do Not Trust These 9Rs Courses They Are Just Fake.

    • @PortEXE
      @PortEXE 5 месяцев назад

      Thanks for pointing that out! I never know what sort of ads get played on my videos.

  • @gravitguru
    @gravitguru 5 месяцев назад

    how to ue react router dom i cant access this files to host

  • @Sergei546
    @Sergei546 5 месяцев назад

    very interesting

  • @yanisbenslimane3106
    @yanisbenslimane3106 5 месяцев назад

    the problem of the width and height of the tiles, i think it's because you set the width of the GRID to 300px (y), great video

  • @SneakyThew
    @SneakyThew 6 месяцев назад

    nice video sir

  • @juniorWeb247
    @juniorWeb247 6 месяцев назад

    Really really thank you so much. You saved me a lot.

  • @SagesseStoique21
    @SagesseStoique21 6 месяцев назад

    2:43 got me 🤣🤣🤣🤣🤣 so true

  • @shafwong1159
    @shafwong1159 6 месяцев назад

    clear explanation.

  • @knutp9398
    @knutp9398 6 месяцев назад

    You're prob not going to see this but this is by far the most comprehensive and easy to understand tut i've ever seen. thank you seriously. this is helping me a ton in my dev journey <3

  • @lilialindenberg
    @lilialindenberg 7 месяцев назад

    my code doesn't work unfortunatelly...

  • @ericsizemore
    @ericsizemore 7 месяцев назад

    i've been exploring raycast here lately but was struggling on understanding exact use-cases. these are all great examples. thank you!

    • @zebapy
      @zebapy 4 месяца назад

      The thing is it's not just 1 case. It's a magical bag of efficient utilities and there's a decent amount of depth once you learn about command scripts, quick links, etc.

  • @surbhigoel175
    @surbhigoel175 7 месяцев назад

    I am not able to install node js in my rpi using the same commands as you did. Can you help me with the updated command for installing nvm?

  • @enriquegrageda
    @enriquegrageda 7 месяцев назад

    Thanks man, you havent uploaded lately. Hopefully everything is ok!

  • @ihebselfdefense6863
    @ihebselfdefense6863 8 месяцев назад

    Can make a video tutorial to how to make a sprite animating turn based game tutorial in flash

  • @Tony.Nguyen137
    @Tony.Nguyen137 8 месяцев назад

    which color theme are u using?

  • @BrandonFunk
    @BrandonFunk 8 месяцев назад

    great video ! i learned alot. thanks.

  • @user-ce4hd1du8g
    @user-ce4hd1du8g 8 месяцев назад

    working in react a lot finally i understood that how react works thanks to port EXE

  • @eduardabramovich1216
    @eduardabramovich1216 8 месяцев назад

    what's the name of that theme?

  • @tyfischer4739
    @tyfischer4739 8 месяцев назад

    good video but I'd recommend learning vim with the VScode extension for copying and moving text around

    • @chezchezchezchez
      @chezchezchezchez 6 месяцев назад

      What about VIM for Xcode? Does anyone here use it? The problem is, it’s not fully implemented. And you can’t use the period to repeat commands!!

  • @alexsmith9195
    @alexsmith9195 8 месяцев назад

    the search and sort features would be so helpful and I would love to watch another video on it or if you have references you can point me to I would be very grateful!!

  • @owenmurphy2022
    @owenmurphy2022 8 месяцев назад

    This video is great for beginners but I was looking for something that explains react as its core and the design followed, and the component lifecycle. It seems you talked mostly about Javascript and the tools that react uses as the most basic level which occupied most of the video.

  • @andrematos6569
    @andrematos6569 9 месяцев назад

    Great tutorial! When I'm trying to test this out through my web browser, the console keeps giving me this error: Uncaught TypeError: Cannot read properties of undefined (reading 'id') at classQid (script.js:13:47) at aiopponentsChoice (script.js:18:33) at script.js:38:17 I'm confused as to where I messed up exactly. Even when I check line 13 of my code in Visual Studio Code to see if anything looks off, I can't tell why this is happening when comparing my code to your code from the tutorial. I'm still new to Javascript so any help as to what the problem might be and how to fix it would be greatly appreciated! Many thanks!

  • @matijasukovic7040
    @matijasukovic7040 9 месяцев назад

    Thank you, very straightforward