์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
freeCodeCamp.org
2024. 10. 16.
Learn native mobile app development using React Native, Supabase, Stripe, and Next.js. In this course from @codewithlari, you'll learn to build a complete gadgets-selling platform. This course will help you master both front-end and back-end development. ๐ป Code (ADMIN): https://github.com/laribright/gadgets-shop-admin ๐ป Code (React Native Shop): https://github.com/laribright/gadgets-app-react-native โญ๏ธ Contents โญ๏ธ 0:00:00 Intro React Native Section 0:07:06 Create a new React Native Expo Application 0:08:47 Expo Router tutorial 0:12:32 Expo Router File-based routing (Create Pages) 0:17:56 Master Layouts in Expo Router 0:35:50 Build Home Page 0:58:13 Dynamic Pages in Expo (Category Page) 1:05:11 Zustand in React Native (Cart State) 1:19:15 Product Details Page Build 1:32:48 Cart Page Build 1:44:20 Orders Page Build 1:51:58 Order Details Page Build 1:57:52 Auth Page Build Supabase Section 2:09:34 Supabase Intro 2:14:21 Supabase Auth Provider 2:32:06 Supabase Login in React Native 2:39:35 Supabase SQL, Triggers, Functions 2:56:30 Row Level Security Supabase NextJS Admin Panel 3:01:30 Bootstrap NextJS Application with Typescript 3:10:06 Master Routing in NextJS 3:17:46 Supabase, Server Side Rending and Supabase Types 3:31:25 Supabase Email and Password Authentication 3:44:02 Authorization and Routes Protection in NextJS 3:51:01 Role Level Security / Authorization 3:57:48 Layout in NextJS 4:09:45 Signout And Theming 4:13:25 Category Table Supabase 4:21:51 Fetch Category Server Action 4:28:03 Product Schema and Row Level Security 4:36:02 Category Page Setup 4:48:05 Code walkthrough 4:55:41 Category Page UI Implementation 5:04:02 Category Page UI Completion 5:58:16 Create Category And Supabase Storage 5:24:14 Update And Delete Category 5:37:51 Product Page Setup 5:44:30 Code walkthrough 5:53:38 Create product Schema 5:59:25 Product CRUD actions 6:09:58 Product Page Utility Setup 6:24:29 Product Page Layout 6:39:55 Project Walkthrough So Far Dynamic Contents In React Native 6:42:12 React Query 6:45:40 Fetching Products and Categories 6:51:06 Supabase types React Native 6:56:57 Displaying Categories 6:59:01 Display Product Details Page Data 7:04:05 Category Details Page 7:09:31 Cart Page Fixes 7:14:28 Orders Supabase 7:20:33 Display Orders 7:29:01 Create Order Function 7:33:36 Create Order Item function 7:40:11 Create Order Item ADMIN ORDERS MANAGEMENT 7:52:46 Order Details Page 8:03:59 Orders Page 8:05:55 Fetching Orders With Products 8:11:00 Fetching Orders Page Component 8:15:13 Orders Management Table 8:21:16 Order Action View Order Products 8:31:06 Order Status Select Dropdown 8:34:19 Order Status Change Server Action 8:37:47 Order Update Real-Time Subscription PAYMENT INTEGRATION 8:45:16 Supabase Local Setup 8:58:56 Using Environment Variables in Expo 9:03:26 Stripe Integration and Edge Functions 9:20:13 Stripe Checkout 9:34:53 Supabase Migrations and User Schema Update 9:41:37 Create Stripe Customer PUSH NOTIFICATIONS 10:06:41 EAS Setup 10:09:44 Notification Setup 10:18:38 Testing Push Notification on A Real Device 10:09:44 Realtime Admin Order Status Notification FINAL ADMIN BUILD 10:18:38 Orders Chart 10:23:26 Product Category Chart 10:39:58 Latest Users Chart LANDING PAGE BUILD 10:50:32 Landing Page Setup 10:59:08 Hero Section 11:05:35 Home Page Completion DEPLOYMENT 11:11:28 Deployment To Vercel 11:22:02 Deployment Fixes ๐ Thanks to our Champion and Sponsor supporters: ๐พ Drake Milly ๐พ Ulises Moralez ๐พ Goddard Tan ๐พ David MG ๐พ Matthew Springman ๐พ Claudio ๐พ Oscar R. ๐พ jedi-or-sith ๐พ Nattira Maneerat ๐พ Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
์บ๋๋ค ์์ฌ ํธ๋ฆฌํA ๊ฒ์ ์คํ๋์ค ํ์ง์์ ๊ฒ์ ์์คํ ํ๋ก๊ทธ๋๋ฐ์ ๋ชจ๋ ๊ฒ! ๐ ๐ฑ ๋ ์์๋ณด๊ธฐ : https://u.inf.run/bncr_y ๋ฐฐ์ฐ๊ณ ๋๋๊ณ ์ฑ์ฅํ์ธ์. ์ธํ๋ฐ
2024. 7. 11.
๐ EO ๊ธ๋ก๋ฒ ์ฑ๋ ๊ตฌ๋ ํ๊ธฐ ๐๐ป๐๐ป https://bit.ly/3S0Pacc ๐ฝ eo PLANET ๋ด์ค๋ ํฐ ๊ตฌ๋ ํ๊ธฐ ๐๐ป๐๐ป https://bit.ly/3cIKLuL ๊ธ๋ก๋ฒ AI ์คํํธ์ ์ ๊ฟ๊พธ๊ณ ์๋ค๋ฉด ์ฃผ๋ชฉ! ๐ข ๋ค๊ฐ์ค๋ 9์, ๊ฒฝ๊ธฐ๋์์ ๊ธ๋ก๋ฒ ์คํํธ์ ํ์คํฐ๋ฒ์ด ์๋กญ๊ฒ ๋ฑ์ฅํฉ๋๋ค. ์ธ๊ณต์ง๋ฅ ์ฐ์ ์ ์ ๋์ฃผ์๋ค์ด ๋ชจ์ด๋ AI ์คํํธ์ ์ถ์ '2024 ๊ฒฝ๊ธฐ ์คํํธ์ ์๋ฐ South Summit Korea' โจ ๊ฒฝ๊ธฐ๊ฒฝ์ ๊ณผํ์งํฅ์ X ๊ธ๋ก๋ฒ ์คํํธ์ ํ์คํฐ๋ฒ '์ฌ์ฐ์ค ์๋ฐ'์ ๋ง๋จ์ 2024๋ 9์ 25-27์ผ๊น์ง ์์์ปจ๋ฒค์ ์ผํฐ์ ํ๊ต ์คํํธ์ ์บ ํผ์ค์์ ํ์ธํด๋ณด์ธ์-! * ์ด ์์์ ๊ฒฝ๊ธฐ๊ฒฝ์ ๊ณผํ์งํฅ์์ผ๋ก๋ถํฐ ์ ์์ง์์ ๋ฐ์ ๋ง๋ค์์ต๋๋ค.
2024. 9. 2.
๐๐CONNECT with me ON LinkedIn: https://www.linkedin.com/in/akhilsails/ Twitter: https://x.com/AkhilAiri ๐ฅ๐ฅLink to AI & GO projects Course - https://akhilsharmatech.gumroad.com/l/zgxqq ๐จFREE 50 Killer GO Projects - https://www.youtube.com/playlist?list=PL5dTjWUk_cPYztKD7WxVFluHvpBNM28N9 ๐จFREE 50 Killer RUST Projects - https://www.youtube.com/playlist?list=PL5dTjWUk_cPYuhHm9_QImW7_u4lr5d6zO ๐จ ๐จ ๐จ Subscribe so that you're notified when more GO / Rust / Solidity videos come out - https://www.youtube.com/channel/UCgMjDy6Y7WISZ529S4VyXUg?sub_confirmation=1 ๐๐ Join this channel to get access to perks: https://www.youtube.com/channel/UCgMjDy6Y7WISZ529S4VyXUg/join
2024. 10. 13.
We bring you a belated Christmas gift in the form of this snippet featuring good ol' Douglas Crockford. You guys sure do have varied opinions regarding his statements, so what will it be this time? Yay or nay? Check out the home for untold developer stories around open source, careers and all the other cool stuff developers are doing at cult.honeypot.io. Honeypot is a developer-focused job platform, on a mission to get developers great jobs. Wanna see what we're all about? Visit honeypot.io to find a job you love. To learn more about Honeypot: https://bit.ly/48M7woS Follow Douglas Crockford: https://www.crockford.com/ Follow us: Twitter: https://twitter.com/honeypotio Facebook: https://www.facebook.com/Honeypotio/ LinkedIn: https://www.linkedin.com/company/honeypotio/ Instagram: https://www.instagram.com/honeypot.cult/
2024. 1. 11.
Code: https://github.com/burakorkmez/python-chat (Stars appreciated๐) Diagrams: https://www.eraser.io (Sponsored) Discord for questions: https://discord.gg/yEyKQWYugG Timestamps: 00:00 Demo App 00:47 Backend 23:49 Frontend 46:00 Deployment and bye... Subscribe to support this work tytyty Keywords: Python, Python for Beginners, Python projects for resume, Python Chat app, How to build a chat app with python, Python tutorial
2024. 9. 15.
๊ฐ๋ฐ์๋ถ๋ค์ ๋ชฉ์๋ฆฌ๋ก ๋ค์ด๋ณด๋ ์ด์ผ๊ธฐ! ๊ทธ ์ฒซ ๋ฒ์งธ ์ฃผ์ ! ์ ์์ ๋ถ ํ์คํ๋ ์์ํฌ๋ ๊ฐ๋ฐ์์๊ฒ ๋์์ด ๋๋๊ฐ? ํจ๊ป ๋ค์ด๋ณด์์!
2024. 8. 8.