- Видео 35
- Просмотров 1 498 329
As a Programmer
Добавлен 26 мар 2021
Helping you enjoy coding.
Contact: asaprogrammerr@gmail.com
Contact: asaprogrammerr@gmail.com
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...
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
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
Your backend part is amazing!
1:54:31 Save Point
BROOOOO!! LOVE YOUR PROFESSIONAL PROGRAMMING APPROACH !! SO SMOOTH EXPLANATION, YOOO! U MADE EVERYTHING SUPER DOOPER EASY !
Wow you are the amzing teacher thank you very very much
but the current netflix website is far different than the one this guy showed in this video..
1:21:13 Before Message Rotues
it takes time but worth it.
Thank you a lot!
Sir plzz keep making next js videos btw thank u soo muchh sir 😍😍
Awesome tutorials. have learnt so much. please how can this be done using the PERN stack?
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
Let's go
really this project is just awesome☺☺🥰👍👍👍
Hey this is really amazing. Next time could you please make a banking backend service and integrate with frontend please.
59:55 from here
❤
50:35 image updating
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!!!!
bro please give the ui design link
I'm getting http proxy error: /api/auth/login
How to solve it
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 !
same problem bro!
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..
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
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.
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.
Only works for single user email
What is the VS Code theme you are using?
Great
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
Why are my login and sign up button not clickable also add to cart button.
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.
great
i have watched till the forgot-password endpoint, how much did you covered so far?
@@ExploreSciFi i just completed this few hours ago , he is a great mentor , init ?
Hello, for input validations you can use an external package "Zod". It will reduce the need for writing multiple if else cases.
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
bahi mera Forgot Password nhi ho rha ma na ap ka Source lya ha kya ho sakta ha
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
@@ExploreSciFi bahi ho gya ha thank you source dana ka lya
I hope Pls add also backend
brother next time increase the volume of video while editing please
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...
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
you can check out my notion note below
redis.get not work - const storedToken = await redis.get(`refresh_token:${decoded.userId}`); storedToken is null, why is that happenning?
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?
Why zustand why not redux toolkit.. i kind find zustand hard.😅
mine server is not reloading automatically after installing nodemon i have to refresh the browser manually
uninstall nodemon 😂 😂
Next Project Idea - MERN Notion Clone, rtk query as state management, backend and frontend both with TS.
First project at 1:00:30 I have nothing on the screen just a white background dont know if its working
can you make more projects please i loved the way u explain coding i suggest e learning plateform or hr management system
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❤
Başarılar kardeşim tam destek
Teşekkürler <3
crypto is already in node js
what any new update?
Can i follow these videos without knowing any technology?can anyone tell me what is pre-requisite for these video ?
no