As a Programmer
As a Programmer
  • Видео 35
  • Просмотров 1 498 329
Advanced Spotify Clone: Build & Deploy a MERN Stack Spotify Application with React.js
Source Code: github.com/burakorkmez/realtime-spotify-clone (Stars appreciated ⭐)
Try Clerk for FREE: go.clerk.com/CfzKAWC
Discord: discord.gg/yEyKQWYugG
Key Features:
🎸 Listen to music, play next and previous songs
🔈 Update the volume with a slider
🎧 Admin dashboard to create albums and songs
💬 Real-time Chat App integrated into Spotify
👨🏼‍💼 Online/Offline status
👀 See what other users are listening to in real-time
📊 Aggregate data for the analytics page
🚀 And a lot more...
Timestamps:
00:00:00 - Demo
00:02:54 - Frontend Setup
00:11:33 - Auth Setup
00:16:50 - Backend Setup
00:29:19 - Database Setup & Signup Logic
00:54:26 - Protect Route Middleware
01:04:26 - Admin Routes & Controllers
01:34:28 - Album Route...
Просмотров: 13 784

Видео

Ultimate Stripe Tutorial for Beginners in 5 HOURS - Subscriptions, Payments, Emails
Просмотров 6 тыс.21 день назад
Try Convex for Free: convex.dev/c/asaaprogrammer Try Clerk for Free: go.clerk.com/xrJNNpu Try Upstash for Free: upstash.com/? Source Code: github.com/burakorkmez/full-stripe-tutorial (Stars appreciated ⭐) Discord: discord.gg/yEyKQWYugG Diagrams: www.eraser.io About this course: ✨One time payments 🚀 Subscriptions (Monthly & Yearly) 💰 Billing Portal for Customers 🔒 Authentication & Webhooks ✉ Sen...
Build a Full Stack Tinder Clone - Node, Express, Tailwind - Full Tutorial 2024
Просмотров 9 тыс.Месяц назад
Code: github.com/burakorkmez/tinder-clone (Stars appreciated🌟) Diagrams: www.eraser.io (Sponsored) Discord for your questions: discord.gg/yEyKQWYugG MERN Stack Crash Course: ruclips.net/video/Dukz-3mS3Us/видео.htmlsi=vLlb-WZ_NkwP6RuH Timestamps: 00:00:00 Demo App 00:01:12 Backend Setup 00:11:45 Database Setup 00:35:15 Signup, Login & Logout 00:48:40 User Routes & Controllers 00:59:54 Match Rout...
23 HOURS Free Coding Bootcamp - Build 4 Awesome Projects
Просмотров 142 тыс.Месяц назад
Web Development Coding Bootcamp. Build Full-Stack Projects. Discord to ask questions: discord.gg/yEyKQWYugG Source Code (Give it a star 🌟): First Project: github.com/burakorkmez/mern-crash-course Twitter Clone: github.com/burakorkmez/twitter-clone Netflix Clone: github.com/burakorkmez/mern-netflix-clone E-Commerce Store: github.com/burakorkmez/mern-ecommerce Timestamps: 00:00:00 Introduction 00...
Python Chat App Tutorial for Beginners - Full Course 2024
Просмотров 4,8 тыс.2 месяца назад
Code: github.com/burakorkmez/python-chat (Stars appreciated🌟) Diagrams: www.eraser.io (Sponsored) Discord for questions: 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 tut...
Build a Linkedin Clone with React and Node.js | Full Stack Tutorial
Просмотров 20 тыс.2 месяца назад
Try Mailtrap for free: l.rw.rw/as_a_programmer (Sponsored) Diagrams: www.eraser.io (Sponsored) Code: github.com/burakorkmez/linkedin-clone (Star it if you're cool 🌟) MERN Stack Crash Course: ruclips.net/video/Dukz-3mS3Us/видео.htmlsi=vLlb-WZ_NkwP6RuH Discord for your questions: discord.gg/yEyKQWYugG Highlights: 🚀 Project Setup 🗄️ MongoDB Integration 💳 Stripe Payment Setup 🔐 Authentication Syste...
Build an E-Commerce Store and Admin Dashboard - React.js, Stripe, Node.js, Redis
Просмотров 53 тыс.2 месяца назад
Try Upstash for Free: upstash.com/? (Sponsored) Source Code: github.com/burakorkmez/mern-ecommerce (Stars appreciated 🌟) Draw Diagrams for Free: www.eraser.io (Sponsored) Discord for questions: discord.gg/yEyKQWYugG In this 8-hour course, we will build and deploy our own E-Commerce Store with millions of cool and advanced features. About this course: 🚀 Project Setup 🗄️ MongoDB & Redis Integrati...
Leetcode but for Redis... I built this open-source project
Просмотров 2,8 тыс.3 месяца назад
Excited to share my very first open source project: Rush ✨ Rush: www.redisrush.com Code: github.com/burakorkmez/redis-rush (Star if you like 🌟) My links: Discord: discord.gg/YFn2WyheZV X: x.com/asaprogrammer_ Thanks for watching and would love to hear your thoughts 👇
Advanced MERN Auth Course: Email Verification, Password Recovery, and Welcome Emails
Просмотров 130 тыс.3 месяца назад
Try Mailtrap For Free: l.rw.rw/as_a_programmer (Sponsored) Diagrams: www.eraser.io (Sponsored) Code: github.com/burakorkmez/mern-advanced-auth (Stars appreciated 🌟) Join our Discord for your questions: discord.gg/YFn2WyheZV About This Course: 🔧 Backend Setup 🗄️ Database Setup 🔐 Signup Endpoint 📧 Sending Verify Account Email 🔍 Verify Email Endpoint 📄 Building a Welcome Email Template 🚪 Logout En...
React Admin Dashboard - Full Course & Free Template
Просмотров 22 тыс.3 месяца назад
Welcome to the React Admin Dashboard tutorial 👋 Code: github.com/burakorkmez/react-admin-dashboard (Stars appreciated 🌟) Discord to ask your questions: discord.gg/YFn2WyheZV More tutorials from this channel 👇 Netflix Clone: ruclips.net/video/gRroBZczKAU/видео.htmlsi=BVCqj89TvYzKdbZp Twitter Clone: ruclips.net/video/4GUVz2psWUg/видео.htmlsi=J_oiedEL_bvFNvPj Subscribe to support my work 💙 Timesta...
MERN Stack Tutorial For Beginners in 2024 - Deployment Included
Просмотров 23 тыс.3 месяца назад
Code: github.com/burakorkmez/mern-crash-course (Stars Appreciated 🌟) Discord to ask your questions: discord.gg/YFn2WyheZV Diagrams: www.eraser.io (Sponsored) Timestamps: 00:00:00 App Showcase 00:02:33 Server Setup 00:09:45 MongoDB Setup 00:16:00 SQL vs NoSQL 00:18:30 Creating a Product Model 00:22:30 Building Our API 00:55:50 Building the Frontend 01:59:54 Detailed Deployment and bye... React.j...
How To Build a Netflix Clone with MERN Stack in 2024 - Full Course
Просмотров 51 тыс.3 месяца назад
Source Code: github.com/burakorkmez/mern-netflix-clone (Stars appreciated 🌟) Discord to ask your questions: discord.gg/YFn2WyheZV Diagrams: www.eraser.io (Sponsored) Assets: drive.google.com/drive/u/0/folders/18FzSOPrw40T4lzGimv7QazSznCx-H4Ds About This Course: ⚛️ Tech Stack: React.js, Node.js, Express.js, MongoDB, Tailwind 🔐 Authentication with JWT 📱 Responsive UI 🎬 Fetch Movies and Tv Show 🔎 ...
Build an Extremely Fast Chat App with Redis and React | Full Guide 2024
Просмотров 13 тыс.4 месяца назад
Source Code: github.com/burakorkmez/redis-chat-app (Stars appreciated 🌟) Upstash: upstash.com/? Diagrams: www.eraser.io (Sponsored) Discord if you get stuck: discord.gg/YFn2WyheZV About This Course: - ⚛️ Tech Stack: Next.js 14, TypeScript, Tailwind CSS, Upstash Redis - 🔐 Authentication - 💬 Real-Time Messaging - 📱 Responsive UI - 🌗 Light and Dark Mode - 🔔 Notification Sounds - ⌨️ Satisfying Typi...
Stripe Subscriptions with Next.js - Full Course 2024
Просмотров 13 тыс.4 месяца назад
Source Code: github.com/burakorkmez/stripe-subscriptions Kinde Auth: kinde.com/? Diagrams: www.eraser.io (Sponsored) Stripe CLI Setup: ruclips.net/video/LUHeCvVFATU/видео.html Discord to ask your questions: discord.gg/YFn2WyheZV Insights: - ⚛️ Tech Stack: Next.js 14, TypeScript, Prisma, MongoDB, Stripe - 🔐 Authentication with Kinde Auth - 💸 Monthly and Annually Subscriptions with Stripe - 💵 Bui...
Build an OnlyFans with Next.js, Stripe and React | Complete Guide 2024
Просмотров 21 тыс.4 месяца назад
Source Code: github.com/burakorkmez/onlyfans (🌟Stars Appreciated) Kinde Auth: kinde.com/? Diagrams: www.eraser.io (Sponsored) Discord to ask your questions: discord.gg/YFn2WyheZV Some Features: - ⚛️ Tech Stack: Next.js 14, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Stripe - 🔐 Authentication with Kinde Auth - 💸 Monthly and Annually Subscriptions with Stripe. - 💰 One Time Payments with Stripe ...
Build a Recipe Finder App with React and Tailwind | React.js for Beginners
Просмотров 9 тыс.5 месяцев назад
Build a Recipe Finder App with React and Tailwind | React.js for Beginners
PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React
Просмотров 19 тыс.5 месяцев назад
PERN Stack Project: Build a Chat App From Scratch | Postgres, TypeScript, Prisma, React
These shortcuts will change how you write code forever
Просмотров 3,5 тыс.5 месяцев назад
These shortcuts will change how you write code forever
JavaScript and Python - Build and Deploy a Full Stack Web App
Просмотров 34 тыс.6 месяцев назад
JavaScript and Python - Build and Deploy a Full Stack Web App
Let's Go! React with Go Complete Full Stack App - TypeScript, React Query // Go for Node Developers
Просмотров 9 тыс.6 месяцев назад
Let's Go! React with Go Complete Full Stack App - TypeScript, React Query // Go for Node Developers
MERN Stack Twitter: Build and Deploy a Full Stack Twitter Clone with React, Node.js and MongoDB
Просмотров 94 тыс.6 месяцев назад
MERN Stack Twitter: Build and Deploy a Full Stack Twitter Clone with React, Node.js and MongoDB
Build and Deploy a Full Stack WhatsApp Clone | Video Calls, Screen Sharing | React.js, TypeScript
Просмотров 42 тыс.7 месяцев назад
Build and Deploy a Full Stack WhatsApp Clone | Video Calls, Screen Sharing | React.js, TypeScript
12+ Hour MERN Masterclass: Build and Deploy a Threads App with Real-Time Chat Functionality
Просмотров 108 тыс.8 месяцев назад
12 Hour MERN Masterclass: Build and Deploy a Threads App with Real-Time Chat Functionality
GraphQL Crash Course in 2024 | Build a Full Stack MERN App
Просмотров 43 тыс.8 месяцев назад
GraphQL Crash Course in 2024 | Build a Full Stack MERN App
MERN Stack Project: Build and Deploy a Github-like App | React.js, MongoDB, Node.js, Passport.js
Просмотров 37 тыс.9 месяцев назад
MERN Stack Project: Build and Deploy a Github-like App | React.js, MongoDB, Node.js, Passport.js
Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly
Просмотров 452 тыс.9 месяцев назад
Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly
My plans for 2024 and channel goals...
Просмотров 62010 месяцев назад
My plans for 2024 and channel goals...
Publishing your own npm package feels like magic
Просмотров 94110 месяцев назад
Publishing your own npm package feels like magic
How to make Flappy Bird game in JavaScript - Step by step tutorial
Просмотров 2,7 тыс.11 месяцев назад
How to make Flappy Bird game in JavaScript - Step by step tutorial
Electron Crash Course and Build a Desktop App in 10 Minutes
Просмотров 2,2 тыс.11 месяцев назад
Electron Crash Course and Build a Desktop App in 10 Minutes

Комментарии

  • @JurgenVANCUTSEM
    @JurgenVANCUTSEM 6 часов назад

    Nice project, I'm at 1/4 of your tutorial and I find it super, but I have a few questions, now everything is user based control, user can block user can unfollow etc what is great but would it not be interesting to use the people who are learning if you make such a beautiful and learning full tutorial that you might think about to make a tutorial about the backend of this kind of platforms, because out of my experience as IT sales director I know that companies goes more in for people who are great in the backend building of platform so the part that the client can control than what you find mostly online a platform with some user control backend. no comments at all but was wondering if you would be the first on RUclips that open the box of pandora for those who people who are keen to learn everything because they want to become a full time developer. Anyway just wondering but again great work and very clear in your explaining well structured explain and clean code, never did something like this in this scale and with chakra-ui,. Keep up the great work

  • @damianbulata2304
    @damianbulata2304 8 часов назад

    Your backend part is amazing!

  • @dakiworld
    @dakiworld 14 часов назад

    1:54:31 Save Point

  • @AinaqEntertainment
    @AinaqEntertainment 16 часов назад

    BROOOOO!! LOVE YOUR PROFESSIONAL PROGRAMMING APPROACH !! SO SMOOTH EXPLANATION, YOOO! U MADE EVERYTHING SUPER DOOPER EASY !

  • @Imesh.Bandara.Dharmasiri
    @Imesh.Bandara.Dharmasiri 16 часов назад

    Wow you are the amzing teacher thank you very very much

  • @badoni07
    @badoni07 21 час назад

    but the current netflix website is far different than the one this guy showed in this video..

  • @dakiworld
    @dakiworld День назад

    1:21:13 Before Message Rotues

  • @clashingtv2527
    @clashingtv2527 День назад

    it takes time but worth it.

  • @biancastefania1392
    @biancastefania1392 День назад

    Thank you a lot!

  • @muzamilfootballer5682
    @muzamilfootballer5682 День назад

    Sir plzz keep making next js videos btw thank u soo muchh sir 😍😍

  • @AnthonyObi-wr6ro
    @AnthonyObi-wr6ro День назад

    Awesome tutorials. have learnt so much. please how can this be done using the PERN stack?

  • @AdarshKumar-ux9uu
    @AdarshKumar-ux9uu День назад

    If we already created an account and try to create new account with same id will it show warning , and if account doesn't exist and we try to login will it show warning ? please respond as quickly as possible

  • @dakiworld
    @dakiworld День назад

    Let's go

  • @shivrajawat8790
    @shivrajawat8790 День назад

    really this project is just awesome☺☺🥰👍👍👍

  • @tanjimitsolution8449
    @tanjimitsolution8449 День назад

    Hey this is really amazing. Next time could you please make a banking backend service and integrate with frontend please.

  • @dakiworld
    @dakiworld 2 дня назад

    59:55 from here

  • @m_anees_c1
    @m_anees_c1 2 дня назад

  • @dakiworld
    @dakiworld 2 дня назад

    50:35 image updating

  • @Avocadosexy
    @Avocadosexy 2 дня назад

    Completed this project...even added background music for people to chill on the app and relax while talking secretly to their loved ones....awesome video thank you smmm!!!!

  • @thedevilyoucanneverreach6968
    @thedevilyoucanneverreach6968 2 дня назад

    bro please give the ui design link

  • @anjalianand1597
    @anjalianand1597 2 дня назад

    I'm getting http proxy error: /api/auth/login

  • @X-BLADE-77
    @X-BLADE-77 2 дня назад

    I don't know why? but my changes for scrollbar doesn't reflecting, I have done everything but still its the default scrollbar and i hate it !

  • @Itzreddy2003
    @Itzreddy2003 2 дня назад

    i really like to here your soothing voice which makes me code more and more and the level of comprehension you hold in teaching is insane, Thanks bro..

  • @DharshiniRamalingam-o1f
    @DharshiniRamalingam-o1f 3 дня назад

    I doesn't have any error in backend for welcome email ,but console is not printing and i didn't get welcome email also.Can u please help me

  • @cangunduz75
    @cangunduz75 3 дня назад

    Bu kanalın sahibinin Türk olduğunu bilmiyordum. Gurur duydum. Küçük resimde Sago'yu görünce şaşırdım. Tebrik ederim ve video için teşekkür ederim.

  • @tsbluster7828
    @tsbluster7828 3 дня назад

    Something went wrong The specified Checkout Session could not be found. This error is usually caused by using the wrong API key or visiting an expired Checkout Session. Please make sure the Session is not expired and that the API keys used to initialize Stripe.js and create the Checkout Session are test mode keys from the same account.

  • @code447u
    @code447u 3 дня назад

    Only works for single user email

  • @rhitampaul4590
    @rhitampaul4590 3 дня назад

    What is the VS Code theme you are using?

  • @anhtruong6962
    @anhtruong6962 3 дня назад

    Great

  • @alexandrefernandes9124
    @alexandrefernandes9124 4 дня назад

    Could you please bring an updated LMS and an Airbnb clone with nextjs 14, tailwind css, prisma Mongo or Postgress? It's been hard to find something realy useful, most of the things are outdated

  • @smitsawant9465
    @smitsawant9465 4 дня назад

    Why are my login and sign up button not clickable also add to cart button.

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 4 дня назад

    When will you start working on a MERN microservice or microfrontend architecture? All your previous projects have been monolithic. Please consider creating an e-commerce application using a microfrontend and microservice architecture.

  • @khaihuynh-gn1jy
    @khaihuynh-gn1jy 4 дня назад

    great

    • @ExploreSciFi
      @ExploreSciFi 4 дня назад

      i have watched till the forgot-password endpoint, how much did you covered so far?

    • @khaihuynh-gn1jy
      @khaihuynh-gn1jy 4 дня назад

      @@ExploreSciFi i just completed this few hours ago , he is a great mentor , init ?

  • @darshantawte7435
    @darshantawte7435 4 дня назад

    Hello, for input validations you can use an external package "Zod". It will reduce the need for writing multiple if else cases.

  • @mohammadzaid7429
    @mohammadzaid7429 4 дня назад

    hey how can i add a feature where i can join my friend to listen along i know web sockets can be used to acheive this but cant seem to think the logic behind it... Anyways awesome project

  • @AyanIAmFullStackDeveloper
    @AyanIAmFullStackDeveloper 4 дня назад

    bahi mera Forgot Password nhi ho rha ma na ap ka Source lya ha kya ho sakta ha

    • @ExploreSciFi
      @ExploreSciFi 4 дня назад

      matlb variable ko print kr ke check kro ki wo extact value carry kr rhe hn ya nhi aur dusra database ke sth compare krte huwy chlo

    • @AyanIAmFullStackDeveloper
      @AyanIAmFullStackDeveloper 4 дня назад

      @@ExploreSciFi bahi ho gya ha thank you source dana ka lya

  • @prathapgangitla4334
    @prathapgangitla4334 4 дня назад

    I hope Pls add also backend

  • @ExploreSciFi
    @ExploreSciFi 5 дней назад

    brother next time increase the volume of video while editing please

  • @adityaverma4549
    @adityaverma4549 5 дней назад

    It's related to first project My chakra ui is not working 😢😢 and they updated their ui and it's not working , it's showing "failed to resolve import *@/components/ui/provider from src/main.jsx *" I have tried chatgpt, Claude ai nothing is working for me help me...

    • @kratozc7692
      @kratozc7692 5 дней назад

      you have follow the steps in the documentation: add the snippets(additional step) try doing "./components/ui/provider" There's a lot of version conflict you will find as you continue but the way out is to go through the docs in Chakra ui

    • @Tesla1
      @Tesla1 4 дня назад

      you can check out my notion note below

  • @hasankadeshapriyaweerasiri6156
    @hasankadeshapriyaweerasiri6156 5 дней назад

    redis.get not work - const storedToken = await redis.get(`refresh_token:${decoded.userId}`); storedToken is null, why is that happenning?

  • @02_binhphan4
    @02_binhphan4 5 дней назад

    Hello bro. I get some bugs with clerkMiddleware app.use( clerkMiddleware({ debug: true }) ) I use options debug and and see refreshToken not automaticaly refresh after 60 seconds Something like that: reason: 'session-token-expired-refresh-non-eligible-non-get', message: 'JWT is expired. Expiry date: Sun, 10 Nov 2024 04:09:13 GMT, Current date: Sun, 10 Nov 2024 04:11:48 GMT. (reason=token-expired, token-carrier=header)' . Can you help me, please?

  • @ManishGupta-nv5by
    @ManishGupta-nv5by 5 дней назад

    Why zustand why not redux toolkit.. i kind find zustand hard.😅

  • @rohitkumar-x2s3i
    @rohitkumar-x2s3i 5 дней назад

    mine server is not reloading automatically after installing nodemon i have to refresh the browser manually

  • @niteshprajapat7918
    @niteshprajapat7918 5 дней назад

    Next Project Idea - MERN Notion Clone, rtk query as state management, backend and frontend both with TS.

  • @MickRayzee
    @MickRayzee 5 дней назад

    First project at 1:00:30 I have nothing on the screen just a white background dont know if its working

  • @laadhibidheker5888
    @laadhibidheker5888 6 дней назад

    can you make more projects please i loved the way u explain coding i suggest e learning plateform or hr management system

  • @aswecode
    @aswecode 6 дней назад

    I'm just seeing your channel for the very first time... You really impressed me with this project, and that alone made me subscribe and like your channel. Keep it up man❤

  • @emrullahhancer4789
    @emrullahhancer4789 6 дней назад

    Başarılar kardeşim tam destek

  • @ShamazMalik-qr7xc
    @ShamazMalik-qr7xc 6 дней назад

    crypto is already in node js

  • @AmanKumar-sr5wj
    @AmanKumar-sr5wj 6 дней назад

    Can i follow these videos without knowing any technology?can anyone tell me what is pre-requisite for these video ?