JavaScript Mastery
JavaScript Mastery
  • 129
  • 51 918 662
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
Переглядів: 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
Next.js isn't React
Переглядів 186 тис.7 місяців тому
Next.js isn't React
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
The Story of JavaScript Mastery
Переглядів 35 тис.10 місяців тому
The Story of JavaScript Mastery
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
A Developer's Manual to ChatGPT
Переглядів 94 тис.Рік тому
A Developer's Manual to ChatGPT
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

КОМЕНТАРІ

  • @TranTien-kx2mj
    @TranTien-kx2mj Годину тому

    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😅

  • @ajiteshmishra0005
    @ajiteshmishra0005 2 години тому

    JSON web token, authentication and authorisation, Redux ,Redux saga concepts in React application (frontend) Please create any project video on this

  • @geraldooizx
    @geraldooizx 3 години тому

    Thanks for this nice details video. Learn a lot. 🎉

  • @FalcoAMV
    @FalcoAMV 4 години тому

    import { appwriteConfig, account, databases, storage, avatars } from "./config";

  • @branchyapple
    @branchyapple 4 години тому

    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?

  • @vaishnavr2087
    @vaishnavr2087 4 години тому

    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

  • @shakibnibir3505
    @shakibnibir3505 5 годин тому

    How to edit the gradient color?

  • @ghaiprabhghai
    @ghaiprabhghai 6 годин тому

    three js full course please..............

  • @kumarabhishek3890
    @kumarabhishek3890 6 годин тому

    I'm not able to install packages it shows NPM error what to do?

  • @waleedzaky
    @waleedzaky 7 годин тому

    Great tutorial ever, thank you

  • @web3made
    @web3made 7 годин тому

    fire tutorial bro, the king of fullstack tutorials 🔥🔥

  • @divinetrinityschools
    @divinetrinityschools 9 годин тому

    Thanks Adrian. You're improving lives

  • @amansinghrajawat8258
    @amansinghrajawat8258 10 годин тому

    I won't share your videos to anyone --background😂😂😂😂 It's really awesome!

  • @lerdrobott549
    @lerdrobott549 10 годин тому

    { "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 :(

  • @Ninja-vr9eb
    @Ninja-vr9eb 10 годин тому

    let's dive into useless knowledge because job market is close and in future ai will make apps

  • @DndjieieSosnbfbjek8876-is5nc
    @DndjieieSosnbfbjek8876-is5nc 11 годин тому

    Anyone knows how to get stream scret key from getStream website?

  • @J.E.GTECH-3
    @J.E.GTECH-3 11 годин тому

    what do i do if my react crashes

  • @funterban6536
    @funterban6536 11 годин тому

    you are awesome

  • @ryanmeyers3001
    @ryanmeyers3001 15 годин тому

    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"

  • @dellkuldeep3005
    @dellkuldeep3005 15 годин тому

    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.

  • @ssyf10
    @ssyf10 20 годин тому

    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

  • @dav.i
    @dav.i 21 годину тому

    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

  • @camilacirne8832
    @camilacirne8832 День тому

    In development the EmailJs works. But in production (vercel) it does not

  • @itsmesuraj20
    @itsmesuraj20 День тому

    adrian , can we connect on Linkedin Please

  • @lowmikow1099
    @lowmikow1099 День тому

    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❤

  • @mahmoudk528
    @mahmoudk528 День тому

    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?

  • @mdimranhossain5897
    @mdimranhossain5897 День тому

    Three js full crash course

  • @gousogabrielle6912
    @gousogabrielle6912 День тому

    You are the best !

  • @_Blackwolf_01
    @_Blackwolf_01 День тому

    Who is that faizan

  • @TSeditz88
    @TSeditz88 День тому

    which vs code theme ??

  • @akingbayiojo4609
    @akingbayiojo4609 День тому

    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.

  • @HPComputer-eh8qn
    @HPComputer-eh8qn День тому

    i cant it deploy on github

  • @FalcoAMV
    @FalcoAMV День тому

    i have this error: Property 'url' does not exist on type '{ projectId: any; }'.ts(2339)

  • @LeviElekes
    @LeviElekes День тому

    What extension do you use at 18:25 for autocompletion in the terminal? Thank you very much.

  • @fatihaltun4763
    @fatihaltun4763 День тому

    Thanks and congrat from Türkiye for this amazing crash course.

  • @almostdaylight5929
    @almostdaylight5929 День тому

    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.

  • @lifestyletv1655
    @lifestyletv1655 День тому

    I cannot setup the webhooks anyone have the same problems ?

  • @fr0sty999
    @fr0sty999 День тому

    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}

  • @ofjdaz
    @ofjdaz День тому

    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)

  • @LumbreraEnMiCamino
    @LumbreraEnMiCamino День тому

    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.

  • @mehrshad-moradshan9670
    @mehrshad-moradshan9670 День тому

    🔥🔥🔥🔥

  • @Nulimitz
    @Nulimitz День тому

    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!

  • @RidoyHossan-zl1lh
    @RidoyHossan-zl1lh День тому

    Bro, make a video for how to deploy a Next JS website with mongodb and other server action.❤❤❤

  • @RidoyHossan-zl1lh
    @RidoyHossan-zl1lh День тому

    Bro, make a video for how to deploy a Next JS website with mongodb and other server action.❤❤❤

  • @RidoyHossan-zl1lh
    @RidoyHossan-zl1lh День тому

    Bro, make a video for how to deploy a Next JS website with mongodb and other server action.

  • @HimanshuKumar-yh7ox
    @HimanshuKumar-yh7ox День тому

    woow.. This is insane. thanks bro

  • @oscarlagatta
    @oscarlagatta День тому

    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.

  • @ivannikonov3047
    @ivannikonov3047 День тому

    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

  • @AmodeusR
    @AmodeusR 2 дні тому

    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

  • @gaminglia7484
    @gaminglia7484 2 дні тому

    can anyone tell me if i need to learn typescipt or not to learn next js