- 129
- 51 918 662
JavaScript Mastery
Croatia
Приєднався 25 гру 2018
Master modern web development with a project-based approach
React Native Course for Beginners in 2024 | Build a Full Stack React Native App
Master the foundations of React Native and build your first full-stack mobile app.
⭐ Appwrite: apwr.dev/JavaScriptMastery
📙 React Native Guide: resource.jsmastery.pro/ultimate-react-native-guide
🎨 Aora Design Figma File: resource.jsmastery.pro/aora-design
🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: jsmastery.pro/masterclass
📚Materials/References:
GitHub Repository (give it a star ⭐): github.com/adrianhajdin/aora
README (assets & code): github.com/adrianhajdin/aora/blob/main/README.md
💻 Join our Discord Community - discord.gg/n6EdbFJ
🐦 Follow us on Twitter: jsmasterypro
🖼️ Follow us on Instagram: javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:03:47 - Crash Course
00:14:25 - Setup
00:39:03 - File & Folder Structure
00:43:31 - Bottom Tabs
00:54:13 - Onboarding Screen
01:09:21 - Auth Screens
01:29:10 - Appwrite Logic
02:07:29 - Home Screen
02:47:37 - Trending Videos Section
03:06:29 - Search Screen
03:24:11 - Profile Screen
03:42:19 - Create Screen
04:14:20 - File picker
04:24:43 - Exercise Task
⭐ Appwrite: apwr.dev/JavaScriptMastery
📙 React Native Guide: resource.jsmastery.pro/ultimate-react-native-guide
🎨 Aora Design Figma File: resource.jsmastery.pro/aora-design
🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14
🚀 Skyrocket your career in 4 months: jsmastery.pro/masterclass
📚Materials/References:
GitHub Repository (give it a star ⭐): github.com/adrianhajdin/aora
README (assets & code): github.com/adrianhajdin/aora/blob/main/README.md
💻 Join our Discord Community - discord.gg/n6EdbFJ
🐦 Follow us on Twitter: jsmasterypro
🖼️ Follow us on Instagram: javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:03:47 - Crash Course
00:14:25 - Setup
00:39:03 - File & Folder Structure
00:43:31 - Bottom Tabs
00:54:13 - Onboarding Screen
01:09:21 - Auth Screens
01:29:10 - Appwrite Logic
02:07:29 - Home Screen
02:47:37 - Trending Videos Section
03:06:29 - Search Screen
03:24:11 - Profile Screen
03:42:19 - Create Screen
04:14:20 - File picker
04:24:43 - Exercise Task
Переглядів: 154 601
Відео
Build and Deploy a Full Stack Video Conferencing App with Next JS
Переглядів 129 тис.Місяць тому
Learn to develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS. ⭐ Stream: gstrm.io/4cwPaLp ⭐ Clerk: go.clerk.com/JZu31Lm 🎨 Zoom Clone Figma File: resource.jsmastery.pro/zoom-clone? 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14? 🚀 Skyrocket your career in 4 months: jsmastery.pro/masterclass? 📚Materials...
Beginner Three.js & GSAP Tutorial | Build and Deploy an Apple Website using React
Переглядів 145 тис.Місяць тому
Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all. ⭐ Hostinger - hostinger.com/mastery10 Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. 🌟 Sentry - bit.ly/4abT6PG 📙 Three.js & GSAP Guide - resource.jsmastery.pro/threejs-gsap-guide? 📘 ESLint & Prettie...
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
Переглядів 193 тис.2 місяці тому
Learn to create modern websites with sleek parallax effects and bento box layouts. This course covers everything from stylish UI design to mobile-first principles while strengthening your React.js and Tailwind CSS skills. ⭐ Hostinger - hostinger.com/mastery10 Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. 🌟 Become a top 1% Next.js 14 developer: jsmastery.pro/next1...
Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe
Переглядів 218 тис.2 місяці тому
Build a REAL Software-as-a-Service app with AI features and a payments and credits system that you might even turn into a side income or business using Next.js 14, Cloudinary AI, Clerk, and Stripe. ✨Get 3 Bonus Credits for your Free Cloudinary Account: cld.media/jsmastery 📙 Next Cloudinary Documentation: next.cloudinary.dev/ ⭐ Clerk: dub.sh/j4oY3Io 🌟 Become a top 1% Next.js 14 developer in only...
Build and Deploy a Figma Clone
Переглядів 192 тис.2 місяці тому
Build a Figma clone with real-world features like live collaboration through cursor chat, comments, reactions, and drawing designs (shapes, image upload) on the canvas using Next.js 14, Fabric.js, and Liveblocks. ⭐ Liveblocks: liveblocks.io 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14 📚 Materials/References: GitHub Repository (give it a star ⭐): github.com/adr...
Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More
Переглядів 303 тис.3 місяці тому
Build an admin dashboard with full authentication, a homepage displaying charts and activities, a comprehensive table for companies with CRUD and search, and a Kanban board with real-time synchronization using Refine Framework. ⭐ Refine: github.com/refinedev/refine 💻 App Source Code and Readme (code snippets at the bottom): github.com/refinedev/refine/tree/master/examples/app-crm-minimal 🌟 Bec...
Learn Docker in 1 Hour | Full Docker Course for Beginners
Переглядів 244 тис.3 місяці тому
Master Docker in one course; learn about images and containers on Docker Hub, running multiple containers with Docker Compose, automating workflows with Docker Compose Watch, and much more. 🐳 ⭐ Docker: www.docker.com 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14 📙 Docker Guide: resource.jsmastery.pro/docker-guide 🎉 Giveaway: to participate, like the video, leav...
Build and Deploy a Full Stack Next 14 MERN Events App with Stripe, Typescript, Tailwind
Переглядів 202 тис.4 місяці тому
Build an event organization web app like Eventbrite or Meetup with authentication, event management, search, filtering, categories, checkout, and payments using Next JS 14, Tailwind CSS, Shadcn, React Hook Form, Zod, Uploadthing, React-Datepicker, Mongoose, Clerk, and Stripe. ⭐ Clerk: dub.sh/j4oY3Io 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14 📚 Materials/Refe...
Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next 14, Stripe
Переглядів 347 тис.5 місяців тому
Learn how to build an incredible e-commerce webshop with an admin dashboard and CMS using Next 14, Stripe, TypeScript, and Payload CMS. ⭐ Payload CMS: payloadcms.com/new? 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14 📚 Materials/References: GitHub Repository (give it a star ⭐): github.com/adrianhajdin/ecommerce Payload is open-source (give them a star too ⭐): g...
Build Modern Next 14 Server Side App with Server Actions, Infinite Scroll & Framer Motion Animations
Переглядів 171 тис.5 місяців тому
Are you curious about Server Actions in Next.js 14? What about infinite scrolling and Framer Motion animations with Next 14? This video will demystify these concepts while building a server-side Next 14 App 🌟 Become a top 1% Next.js 14 developer in only one course: jsmastery.pro/next14 📚 Materials/References: GitHub Code (give it a star ⭐): github.com/adrianhajdin/anime_vault Anime API: shikimo...
Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js
Переглядів 604 тис.5 місяців тому
Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js
Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query
Переглядів 632 тис.6 місяців тому
Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query
Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS
Переглядів 232 тис.6 місяців тому
Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS
Web Scraping Full Course 2024 | Build and Deploy eCommerce Price Tracker
Переглядів 280 тис.7 місяців тому
Web Scraping Full Course 2024 | Build and Deploy eCommerce Price Tracker
How I Made My Website Load in 0.364 Seconds
Переглядів 207 тис.7 місяців тому
How I Made My Website Load in 0.364 Seconds
Build and Deploy 3 Modern API Applications in 7 Hours - Full Course
Переглядів 176 тис.8 місяців тому
Build and Deploy 3 Modern API Applications in 7 Hours - Full Course
Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website
Переглядів 497 тис.8 місяців тому
Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website
Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB
Переглядів 547 тис.8 місяців тому
Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB
Transforming a Design into a Fully Responsive App in an Hour
Переглядів 121 тис.9 місяців тому
Transforming a Design into a Fully Responsive App in an Hour
10-Hour Masterclass: Develop 4 React Web Apps & Jumpstart Your Dev Career
Переглядів 284 тис.9 місяців тому
10-Hour Masterclass: Develop 4 React Web Apps & Jumpstart Your Dev Career
Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Переглядів 349 тис.10 місяців тому
Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Build and Deploy a Modern Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Переглядів 634 тис.10 місяців тому
Build and Deploy a Modern Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Creating a Sushi-Themed Website: 2023 HTML & CSS Guide for Beginners
Переглядів 210 тис.11 місяців тому
Creating a Sushi-Themed Website: 2023 HTML & CSS Guide for Beginners
Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
Переглядів 1,4 млн11 місяців тому
Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
Turning Your AI Application into a Profitable SaaS Business
Переглядів 287 тис.Рік тому
Turning Your AI Application into a Profitable SaaS Business
Build and Deploy an AI-Powered 3D Website Using React | 2024 Three JS Course Tutorial for Beginners
Переглядів 459 тис.Рік тому
Build and Deploy an AI-Powered 3D Website Using React | 2024 Three JS Course Tutorial for Beginners
const [currentTime, setCurrentTime] = useState(new Date()); //Function const handleGetDate = (): string => { const options: Intl.DateTimeFormatOptions = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; return currentTime.toLocaleDateString('en-US', options); } const handleGetTime = (): string => { const currentHours = currentTime.getHours(); const currentMinutes = currentTime.getMinutes(); if (currentHours > 12) { return `${currentHours}:${currentMinutes} PM`; } else { return `${currentHours}:${currentMinutes} AM`; } } useEffect(() => { const interval = setInterval(() => { setCurrentTime(new Date()); }, 10000); return () => clearInterval(interval); }, []); My man doing the timer so clean in just few 3lines😅
JSON web token, authentication and authorisation, Redux ,Redux saga concepts in React application (frontend) Please create any project video on this
Thanks for this nice details video. Learn a lot. 🎉
import { appwriteConfig, account, databases, storage, avatars } from "./config";
ERROR!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 3:27:21 'User' of the Globalcontext doesn't give any data. Its there when it's made but it's never saved/reusable. In the Profile file, the user is undefined. Even when i try it in the GIThub project(original), what is going on?
If hmr doesnt work for you. then modify your vite.config like this export default defineConfig({ plugins: [react()], server: { watch: { usePolling: true, }, }, }); Then build it again and run as he said. worked for me
How to edit the gradient color?
three js full course please..............
I'm not able to install packages it shows NPM error what to do?
Great tutorial ever, thank you
fire tutorial bro, the king of fullstack tutorials 🔥🔥
Thanks Adrian. You're improving lives
I won't share your videos to anyone --background😂😂😂😂 It's really awesome!
{ "message": "Bandwidth limit for your organization has exceeded. Please upgrade to higher plan or update budget cap.", "code": 402, "type": "bandwidth_limit_exceeded", "version": "0.13.8" } thumbnails and videos are not showing because its asking me to upgrade the plan :(
let's dive into useless knowledge because job market is close and in future ai will make apps
Lol, no
Anyone knows how to get stream scret key from getStream website?
what do i do if my react crashes
you are awesome
I am getting this error when trying to login, I am at the area of the video 2:06:51. "AppwriteException: Creation of a session is prohibited when a session is active"
Bandwidth limit for your organization has exceeded. Please upgrade to higher plan or update budget cap. I'm getting this err what should I do next. I haven't seen my home, I using border to verify everything is working good. Please give me solution, I go frustrated.
Estoy teniendo problemas con el componente filtros dentro de /products cuando expando la ventana no se ajusta a la izquierda como en el video se mantiene siempre arriba
loved it! one suggestion: it would be better if your autocomplete box stay below the text. sometimes I cant keep the pace and have to wait you finish typing and pause the video when the autocomplete isnt over the tailwind properties
In development the EmailJs works. But in production (vercel) it does not
adrian , can we connect on Linkedin Please
This is incredible! I don't know to to thank you enough for this content and explanations! Wish you and your family all the best❤
Thanks for your hard working. I have a problem, webhooks in my clerk fails every time i create a new account. How can i solve this?
Three js full crash course
You are the best !
Who is that faizan
which vs code theme ??
Around 1 hour, i keep getting an error, Uncaught TypeError: Cannot read properties of undefined (reading 'replace') at Client.setEndpoint (client.ts:121:93) at config.ts:11:8 please, how do I fix this? It won't display anything if I don't fix this. I can't continue with it otherwise and I really want to finish this.
i cant it deploy on github
i have this error: Property 'url' does not exist on type '{ projectId: any; }'.ts(2339)
What extension do you use at 18:25 for autocompletion in the terminal? Thank you very much.
Thanks and congrat from Türkiye for this amazing crash course.
Hey there Adrian greetings from Nigeria. I can't thank you enough for this content. You make me a better developer and i have no idea the amount of time and resources into making content like this. Once again, thank you.
I cannot setup the webhooks anyone have the same problems ?
anyone knows the solution to this issue Error: {"code":42,"StatusCode":401,"message":"WS failed with code 42 and reason - JWTAuth error: token used before issue at (iat)","isWSFailure":false}
after adding clerkProvider to the layout.tsx, the localhost is not taking me to an auth page, I can also see the code in the clerk website has changed from the one you have in the repo (regarding the middleware.ts)
I love all your content, I really would like to see extra tools in your project like GraphQL, tanstack query, Redux Toolkit, Because it starts felling repetitive, This tools really give an extra plus! Thank you.
🔥🔥🔥🔥
I have not liked Tailwind. I always go to Bootstrap for everything. This makes me want to learn Tailwind more. So many options. Thank you Adrian!
Bro, make a video for how to deploy a Next JS website with mongodb and other server action.❤❤❤
Bro, make a video for how to deploy a Next JS website with mongodb and other server action.❤❤❤
Bro, make a video for how to deploy a Next JS website with mongodb and other server action.
woow.. This is insane. thanks bro
Great content, thank you, for me to follow along need to slow the speed to 0.5, so many things are said at once which by the speed are lost.
Cannot read property 'useMemo' of null if you follow this tutorial now, 29.04.24, it gets you this error when you first start your app. To get around this delete everything you have and start over, and right after creating app run "npx expo install react-dom" and only then install dependencies, as of 29.04 there is some dependency conflict, you can read more at expo's GitHub issue #28471
When I try to run -v "$(pwd):/app", it doesn't update if I change the local code, it only happens if I type it like "/$(pwd):/app", but when I do this, it says vite was not found, and if I run *npm install* in the host code, it throws an Error "Cannot find module @rollup/rollup-linux-x64-musl.". How can I solve this? I'm using windows 11 with bash as a terminal
can anyone tell me if i need to learn typescipt or not to learn next js