์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Elliott Chong
2023. 7. 24.
GitHub Repo: https://github.com/Elliott-Chong/quizmify Follow along with this full stack tutorial to learn about the newest features in NextJS 13.4. I will code out the entire project with you from scratch and deploy it to vercel :) In the end, you will learn how to: - Use NextJS 13's new App Router - Utilise the beauty of shadcn and tailwindcss - Learn best practices for data fetching - Utilise OpenAI's API for LLM usage - Learn how to interact with databases through the power of ORMS -- Pastebins -- Timestamp 13:40 prisma db.ts file https://pastebin.com/hYYzuFY9 Timestamp 19:37 schema.prisma template code https://pastebin.com/S325fZ4P Timestamp 1:49:05 lib/gpt.ts https://pastebin.com/EiggjLeq -- Credits & Inspirations -- Thank you for all the support from my friends who helped me with this project :) Thank you https://github.com/CptKingFish for the frontend design Thank you https://www.youtube.com/@joshtriedcoding for the inspiration to create coding videos Thank you https://www.youtube.com/@codewithantonio for the thumbail inspiration -- Mentioned Resources -- Shadcn best practices form https://youtu.be/26bSDD9IEG4 Strict JSON GPT repo https://github.com/tanchongmin/strictjson/tree/main Connect With Me ๐ฅ๐ : GitHub: https://github.com/elliott-chong Instagram: https://instagram.com/elliottchong_ Website: https://elliottchong.tech -- Chapters -- 0:00 Intro & Demo 4:50 Setup Project 7:10 Setup Shadcn 10:12 Setup Database & Prisma 16:15 Setup NextAuth 30:22 Setup Providers 34:02 Setup Navbar 56:24 Theme Toggle 1:01:26 Home Page 1:05:41 Dashboard Page 1:17:51 Word Cloud 1:22:18 Create Quiz Form 1:41:32 Game Logic Data Modelling 1:47:06 OpenAI GPT Setup 1:52:01 Generate Questions Endpoint 2:07:14 Create Game Endpoint 2:17:59 React Query & Create Game Logic 2:28:29 MCQ Page UI 2:49:26 Check Answer Endpoint 2:57:13 Link Check Answer to MCQ 3:12:36 Time Delta Calculation 3:17:33 Open Ended Game UI 3:28:40 Blank Answer Input Component 3:37:06 Finish Open Ended Game Logic 3:44:34 Statistics Page 4:00:28 Statistics Questions List 4:12:02 Loading Page Logic 4:24:59 Quiz History 4:36:49 Word Cloud Topic Count 4:46:22 Deploy To Vercel
ํ๋ฃจ 100๊ฐ ์ด๋ฏธ์ง๋ฅผ ๋ฌด๋ฃ๋ก ์์ฑํ ์ ์๋ ์ด๋ฏธ์ง ์์ฑ AI๋ชจ๋ธ, ์ด๋์ค๊ทธ๋จ 2.0(ideogram 2.0)์ด ์ถ์๋์์ต๋๋ค! ์ด๋์ค๊ทธ๋จ 2.0์ ๋์์ด๋๋ฅผ ๋์ฒดํ๋ ๊ฒ์ด ์๋, ๋ณด์ํ๋ ๋ชจ๋ธ์ ๋๋ค. ์ด ๋ชจ๋ธ์ ํ ์คํธ ๋๋๋ง ๊ธฐ์ ํฅ์, ์ธ๋ฐ์ ์์ ์กฐ์ ํด ๋ฑ ์ด์ ๋ชจ๋ธ์ ๋นํด ์ฑ๋ฅ์ด ํฅ์๋ ๋ชจ๋ธ๋ก ํนํ, ๊ทธ๋ํฝ ๋์์ธ์ด๋ ๋ง์ผํ ๋ถ์ผ์์ ์์ฃผ ํฐ ์ฅ์ ์ ๋ณด์ด๋ ๋ชจ๋ธ์ ๋๋ค. #์์ฑํai #์ด๋์ค๊ทธ๋จ #ai์ด๋ฏธ์ง #ai #์ธ๊ณต์ง๋ฅ #๋ฅ๋ฌ๋ #chatgpt #์ฑgpt #๋ก๋ณดํฑ์ค #ํ ํฌ
2024. 8. 24.
This video is mostly focused on web dev. I wanted to take the classic (and very good) advice of "just build stuff" and put out some concrete examples of things you could build as well as offering a bit of what I've gone through to get here. TY to Upstash for sponsoring, check them out for whatever you end up building: https://upstash.com timestamps intro 0:00 upstash 1:10 my experience 1:35 idea 1 (HARD) 5:08 idea 2 (open source) 8:47 idea 3 (best to start with) 10:54
2024. 9. 20.
By far the single best tool I have ever used for building/planning projects is a whiteboard. I know that may sound ridiculous, but taking the time to plan out a project on a simple whiteboard makes the entire process of building your project much smoother and easier. ๐ Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified โฑ๏ธ Timestamps: 00:00 - Introduction 00:45 - The problem 01:55 - How to plan 05:05 - Benefits of planning 07:39 - Planning tools 09:24 - Is this a waste of time? #Whiteboard #WDS #WebDevelopment
2024. 10. 5.
It's been three years since elastic decided to remove the apache license from ElasticSearch and Kibana, and since then, we've seen a number of other companies follow suit. Now, elastic is coming back, and perhaps the tide is shifting. Links: https://www.elastic.co/blog/elasticsearch-is-open-source-again Become a better developer in 4 minutes: https://bit.ly/45C7a29 ๐ Join this channel to get access to perks: https://www.youtube.com/channel/UCWQaM7SpSECp9FELz-cHzuQ/join Join Discord: https://discord.com/invite/eMjRTvscyt Join Twitter: https://twitter.com/dreamsofcode_io
2024. 8. 30.
2024.09.23 ์๋ณธ ๋ผ์ด๋ธ ๋งํฌ https://youtube.com/live/Ll6ScbdEEio?feature=share NestJS ๊ฐ์ https://bit.ly/3LLiJwD ์ฝ๋ํฉํ ๋ฆฌ ํตํฉ๋งํฌ https://links.codefactory.ai ํ๋ฌํฐ ์ด๋ณด๊ฐ์ https://bit.ly/3tflvR6 ํ๋ฌํฐ ์ค๊ธ๊ฐ์ https://bit.ly/3PKecdl ์ฝ๋ํฉํ ๋ฆฌ NestJS ๊ฐ์ https://bit.ly/3tDFzk5 ์ฝ๋ํฉํ ๋ฆฌ ์นด์นด์ค ์คํํก https://bit.ly/cfkakao Must Have ์ฝ๋ํฉํ ๋ฆฌ์ ํ๋ฌํฐ ํ๋ก๊ทธ๋๋ฐ https://bit.ly/3YsyduB
2024. 9. 27.
In this video, we are taking a step further with Spring Security. We will cover In Memory Authentication. Join us on Telegram for a lot more: https://link.embarkx.com/telegram Complete Playlist: https://www.youtube.com/playlist?list=PLxhSr_SLdXGOpdX60nHze41CvExvBOn09 **GROW AS JAVA DEVELOPER** 1. SIGNUP FOR MY SPRING BOOT FOR BEGINNERS COURSE: https://link.embarkx.com/spring-boot 2. LEARN JAVA WITH 60+ HOURS OF CONTENT: https://link.embarkx.com/java 3. MASTER INTELLIJ IDEA: https://link.embarkx.com/intellij FOLLOW ME: https://bit.ly/linkedin-connect-01 SUBSCRIBE TO OUR MONTHLY SALES: https://bit.ly/yt-sub-now Learn more from me and enroll at: https://embarkx.com/ You will find all my courses are listed there at the highest discount for my viewers. Join the exclusive community of Learners and Developers: https://bit.ly/embarkx-joind 00:00 Introduction 03:07 Getting Started with In Memory Authentication 13:07 Thank You
2024. 5. 6.