The Fullstack Project
The Fullstack Project
  • Видео 82
  • Просмотров 245 376
JS Closures for Interviews With Real Use Case Examples | Data Encapsulation and Privacy
🔔 Don't forget to subscribe for more Content Like this: www.youtube.com/@thefullstackproject?sub_confirmation=1
👍 Like, Comment & Share to support the channel and let me know your thoughts in the comments!
Related Other Videos -
🎬 Use this Design Pattern to Supercharge Components | HOC React Design Pattern - ruclips.net/video/gAhICs1e8eM/видео.html
🎬 React Design Patterns Every Developer Should Know - ruclips.net/video/ViiHwzC9Yf0/видео.html
Просмотров: 9

Видео

This Must-Know React Pattern is a Game Changer for Large Projects
Просмотров 2619 часов назад
Discover the Extensible Style Pattern in React-a powerful design approach for scaling styles in large applications. This pattern streamlines styling, ensuring consistency, reusability, and maintainability across complex React projects. Ideal for developers building scalable UIs, the Extensible Style Pattern leverages modular styles that grow with your app. Tune in to see how this must-know patt...
Use this Design Pattern to Supercharge Components | HOC React Design Pattern
Просмотров 11714 дней назад
Welcome to our in-depth tutorial on Higher-Order Components (HOC) in React! 🚀 If you're looking to master this essential React design pattern and improve your web development skills, you're in the right place. Higher-Order Components are a popular technique for sharing logic across multiple components, making your code more reusable, efficient, and easy to maintain. 🔍 What You’ll Discover: Unde...
React Design Patterns Every Developer Should Know
Просмотров 75921 день назад
Mastering Custom Hooks in React Design Pattern | Improve Code Reusability & Clean Architecture Welcome to this tutorial where we dive deep into Custom Hooks in React! 🎉 Custom hooks are a powerful way to extract and reuse logic across your React components. In this video, we explore how to use custom hooks effectively and how they fit into the broader React Design Patterns. 🚀 What You'll Learn:...
How to Get Approval for API's from Google
Просмотров 9128 дней назад
Here is how I got approved by google to use their youtube API on production 🚀 Get related content from Here! 👉 Subscribe to the channel and sign in to access it: fullstackproject.xyz/articles ✨ Join the fullstack project community and unlock more exclusive content! 🚩 Join the Fullstack Family! Hit that Subscribe button 👉 bit.ly/3QnESnI 🚩 Follow us on X for updates and insights 👉 ful...
How to Create Protected Routes Using Next 14 and NextAuth.js v5
Просмотров 112Месяц назад
My youtube subscribers can get access to the sample codes from here Please do subscribe before accessing the website fullstackproject.xyz/articles/authentication More content is coming soon in my Blog Only accessible for my RUclips channel Subscribers So subscribe and Stay tuned fullstackproject.xyz/articles
How to Dockerize a Fullstack NextJs Application | With Code Explanation
Просмотров 109Месяц назад
🚀 Get related Dockerfile Code Here! 👉 Subscribe to the channel and sign in to access it: fullstackproject.xyz/articles/docker ✨ Join the fullstack project community and unlock more exclusive content! 🚩 Join the Fullstack Family! Hit that Subscribe button 👉 bit.ly/3QnESnI 🚩 Follow us on X for updates and insights 👉 fullstack_proj 🚩 Read more Articles on 👉 fullstackproject.xyz/article...
Using Auth token to Access Other Google Apis | Fix googleapisOperationProcessingError
Просмотров 78Месяц назад
Discussion Resource - github.com/nextauthjs/next-auth/blob/1e886b97bcd76b0679a00d6d03e9cc0a68ca9407/packages/next-auth/src/providers/google.ts#L29
R2 CloudFlare File upload | CRUD Operations
Просмотров 387Месяц назад
Documentation for aws-s3 client library docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/client/s3/ 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Medium articles- medium.com/@freelancingcult 🚩 Tiktok -www.tiktok.com/@fullstackproject
Fixing Deployment to Vercel Error: PrismaClientInitializationError
Просмотров 4252 месяца назад
Fix for the common Prisma deployment issue 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Medium articles- medium.com/@freelancingcult 🚩 Tiktok -www.tiktok.com/@fullstackproject
Connect Mongodb to Nextjs Using Prisma And Host it on Vercel
Просмотров 3862 месяца назад
Let's connect your MongoDB Atlas database to Nextjs using Prisma ORM. And also host it on Vercel. 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Medium articles- medium.com/@freelancingcult 🚩 Tiktok -www.tiktok.com/@fullstackproject
How to Connect a Custom Domain to Your Vercel Project
Просмотров 1,4 тыс.2 месяца назад
An A (Address) record is another type of DNS (Domain Name System) record that directly maps a domain name to an IPv4 address. This is one of the most fundamental types of DNS records, as it translates a human-readable domain name (like example.com) into a machine-readable IP address (like 192.0.2.1). 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Me...
Let's do a Frontend Coding Challenge !!
Просмотров 772 месяца назад
Here we will go through a simple frontend coding Challenge called Insert text in Document. You will see how I have used usestate hook, Spread operators, CSS selectors and animations to solve this challenge 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Medium profile- medium.com/@freelancingcult 🚩 Tiktok -www.tiktok.com/@fullstackproject
Upload Files To CloudFlare R2 using Nextjs
Просмотров 1,6 тыс.3 месяца назад
Cloudflare R2 is an object storage service designed to provide a cost-effective and efficient alternative to traditional cloud storage services like Amazon S3 Cloudflare R2 is a great alternative to Amazon S3, especially if you're looking to save money on data transfer and want faster access to your data around the world. It's designed to work smoothly with all the other Cloudflare services, ma...
Handle File Attachments in NextJS
Просмотров 743 месяца назад
Lets discuss on sending files from frontend and access it from NextJs API 🚩 Join the Fullstack Family Subscribe- bit.ly/3QnESnI 🚩 x.com - fullstack_proj 🚩 Medium profile- medium.com/@freelancingcult 🚩 Tiktok -www.tiktok.com/@fullstackproject
Lets Setup Material UI with NEXT.JS - Easy !!!
Просмотров 2253 месяца назад
Lets Setup Material UI with NEXT.JS - Easy !!!
How I Got My First Software Developer Job in Australia | My Journey, Tips, and Insights
Просмотров 2,8 тыс.4 месяца назад
How I Got My First Software Developer Job in Australia | My Journey, Tips, and Insights
How to Keep the Footer at the Bottom of the Page
Просмотров 735 месяцев назад
How to Keep the Footer at the Bottom of the Page
Display Images Dynamically Nextjs | Local Images Dynamically
Просмотров 2665 месяцев назад
Display Images Dynamically Nextjs | Local Images Dynamically
How To Delete Docker Containers | How to Docker Delete Images
Просмотров 2555 месяцев назад
How To Delete Docker Containers | How to Docker Delete Images
Setup MongoDB On Docker (2024) | Basic docker Commands
Просмотров 3536 месяцев назад
Setup MongoDB On Docker (2024) | Basic docker Commands
Install Docker Desktop On Windows 11 and Runing the First Container
Просмотров 8386 месяцев назад
Install Docker Desktop On Windows 11 and Runing the First Container
Can You Fix this | React Interview Refresher - Challenge -4
Просмотров 307 месяцев назад
Can You Fix this | React Interview Refresher - Challenge -4
Build a Timer with Pause, Start and Reset Buttons - React Interview Refresher
Просмотров 1697 месяцев назад
Build a Timer with Pause, Start and Reset Buttons - React Interview Refresher
URL Shortner Challenge Fetch Data From a Protected API- React Interview Refresher
Просмотров 357 месяцев назад
URL Shortner Challenge Fetch Data From a Protected API- React Interview Refresher
What are LLMS - Under 2 Minutes
Просмотров 187 месяцев назад
What are LLMS - Under 2 Minutes
How to Fetch Data From api in React (Fetch API/Axios) - React Refresher -Interview Preparation
Просмотров 1707 месяцев назад
How to Fetch Data From api in React (Fetch API/Axios) - React Refresher -Interview Preparation
Lets Build a Featured Post Section | Next.Js | CSS
Просмотров 458 месяцев назад
Lets Build a Featured Post Section | Next.Js | CSS
How to Loop Jsx Inside React Componets
Просмотров 398 месяцев назад
How to Loop Jsx Inside React Componets
Context Api With Typescript Tutorial - NextJs
Просмотров 4758 месяцев назад
Context Api With Typescript Tutorial - NextJs

Комментарии

  • @ShivamVerma-uo5qj
    @ShivamVerma-uo5qj 10 часов назад

    SUPER THANK YOU BROTHER ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

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

    did you get pr directly from sri lanka like 190 or 189 if yes how can you please explain

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

    👍👍

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

    Thank you so much for this. Please you have not worked on uploading of multiple file. After picking multiple files, only one file is been uploaded, I guess the first one.

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

      I will try to add a new video on that. But ideally what you should do is save the list of files in an array and loop it through calling the upload endpoint each tie with file content.

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

    Contract number ekk dennko Token Access gnn video ekk tibb ek sambandaw

  • @jordanmusera9578
    @jordanmusera9578 7 дней назад

    Very nice

  • @thefullstackproject
    @thefullstackproject 7 дней назад

    My subscribers can download the slides for free from here - fullstackproject.xyz/blog/extensible-style-design-pattern

  • @TELUGUAGENTGAMING
    @TELUGUAGENTGAMING 9 дней назад

    very helpful video🤩

  • @vishaldhakrey4490
    @vishaldhakrey4490 13 дней назад

    Nice explanation 🎉 keep it up.

  • @thefullstackproject
    @thefullstackproject 14 дней назад

    I will update the link to slide deck soon guys stay tuned !!

    • @thefullstackproject
      @thefullstackproject 14 дней назад

      Link for the slide deck can be downloaded for free for my subscribers from here - Subscribe to my channel and login to the site and download -fullstackproject.xyz/blog/higher-order-function

  • @andriibabenko1644
    @andriibabenko1644 15 дней назад

    How to use styled() in server components?

  • @ha123461
    @ha123461 20 дней назад

    Hey, instead of PPT show small snippets of code and examples

    • @thefullstackproject
      @thefullstackproject 19 дней назад

      Thank you very much for the feedback highly appreciate. I will try to add more code samples and more demos from the next HOC pattern video onwards

  • @AngelWhite007
    @AngelWhite007 20 дней назад

    Thank you so much. I am creating a gmail automation system. Is it required to give the domain, and homepage for this application ?

  • @zulfizoomtv
    @zulfizoomtv 21 день назад

    Bhai Mera fast like hai apko . inshallah I pray for u .ur growing like guys .

  • @thefullstackproject
    @thefullstackproject 22 дня назад

    Hi Everyone there is an issue in the link to download the slides I will fix it and update soon keep in touch!!

    • @thefullstackproject
      @thefullstackproject 21 день назад

      Doenload the slide deck and demo from here - fullstackproject.xyz/blog/slide-deck-custom-hooks

  • @Varunhere1
    @Varunhere1 24 дня назад

    What salary we can expect as a fresher (Entry level) as a developer in this city?

  • @Gireesh-i6d
    @Gireesh-i6d Месяц назад

    It wont fix bro

  • @gkcse27
    @gkcse27 Месяц назад

    Please increase its audio volume, sometimes with full volume of my system, it is very tough to hear clearly.

    • @thefullstackproject
      @thefullstackproject Месяц назад

      Very Sorry for that I will keep that in mind for my future videos

  • @alexdin1565
    @alexdin1565 Месяц назад

    please can you make video about using facebook provider?

  • @jeremy0x
    @jeremy0x Месяц назад

    underrated video, big W. thank you!

  • @unknowrabbit666
    @unknowrabbit666 Месяц назад

    nice video! btw which visa you got?

  • @ThienTranVan-j8p
    @ThienTranVan-j8p Месяц назад

    thanks

  • @lukanozadze8876
    @lukanozadze8876 Месяц назад

    Thanks

  • @wcman007
    @wcman007 Месяц назад

    Massive W thank you

  • @as_if
    @as_if Месяц назад

    *G* ithub

  • @kyukki5732
    @kyukki5732 Месяц назад

    which tech i should work on react , js or java , python?

  • @NaulianHamsyaniAkmad
    @NaulianHamsyaniAkmad Месяц назад

    Can you give me a sample pdf of the CV you used to apply.

  • @CodeWithMuhammadAhsan
    @CodeWithMuhammadAhsan Месяц назад

    I am a Backend Software Developer, Node js 3+ Years of experience. I also know some of the react. Can you refer me for a job in Australia ?

  • @shiv4192
    @shiv4192 Месяц назад

    sir same error occur it is not fix

  • @MuhammadUmairHayat-c6k
    @MuhammadUmairHayat-c6k Месяц назад

    Thanks man, means a lot

  • @JeyamohanMithunan
    @JeyamohanMithunan 2 месяца назад

    thanks for your information from srilanka😇

  • @dailydoseofanimation
    @dailydoseofanimation 2 месяца назад

    Thanks

  • @hotrandacduy3340
    @hotrandacduy3340 2 месяца назад

    i need help on this Click the connect button (you may not need to) and you will be prompt to create a new user to connect to the db. These credentials will be used for the future steps that require a <dbuser> (user) and <dbpassword> (hello). Enter a suitable username and password. You will also have the option to Whitelist your connection IP address. Click Add your current IP address. Click Choose a connection method, and select Connect your Application. Use the default: "Drivers". Copy the connection string and click close. my uni is so dumb idk wtf they telling me to do here

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      They are asking you to get the connection string so you can use it in your nodejs applications. Connection string consist a user name and a password that you need to add. Add the username and password you gave when creating a db user.

  • @kirrttiraj
    @kirrttiraj 2 месяца назад

    can this be possible in frontend? cause I've got somewhat large files and will take some time to store it and vercel will return the function as a timeOut error.

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      Yes you can do this from frontend as well. Whats the size of the file you upload

  • @Deva-m4x
    @Deva-m4x 2 месяца назад

    nonsense, waste of time

  • @darekw3749
    @darekw3749 2 месяца назад

    Is there a way to delete a project with all it's dependencies, like AppServices and Charts apps ?

  • @abdulragib6004
    @abdulragib6004 2 месяца назад

    but you are not able to see uploded files

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      I will create a video on how to retrieve and delete uploaded items

    • @thefullstackproject
      @thefullstackproject Месяц назад

      I have created a new video on that aspect cheers 👌

  • @australia6490
    @australia6490 2 месяца назад

    Hey brother Which technology you prefer considering Australia Java full Stack Or MERN stack Or can you suggest any other technologies.

  • @andrewscott1253
    @andrewscott1253 2 месяца назад

    Is there a distinction between a database user and a database administrator? The way I see it a user is a something or someone which will connect to the database to query or update its values. An administrator is a developer who will need to be given access to Atlas to maintain a cluster.

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      Not only that, only db admin has privileges to manage existing users. Limit their access rights and so on. If you want other team members of your team to manage db users you have to add them as a db admin.

  • @sivatharshan
    @sivatharshan 2 месяца назад

    Hi I came to Australia last month as a secondary student visa holder. I recently completed my degree at Ruhuna university I only have internship experience so it is overwhelming for me about my career path. Could you please guide whether I want to do any certifications or any other ideas to land my first entry level IT job here in Melbourne

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      Hey bro I feel you, if I were in your position what I will do is try to get some projects done and upgrade your cv. May be few clients from a freelancing platform like upwork or fiver. I must say Its a bit tough to land a job with a few months of internship for a expat in Melbourne but not impossible. You must find a way to push your cv despite lack of your experience. Few client projects side gigs or some live projects , Open source contributions are the best ways to show that you have got something. Spend 1 hour applying for jobs and spend rest of the day trying to hunt some gigs from upwork or fiver.

  • @preetibehuria9711
    @preetibehuria9711 2 месяца назад

    Is there any job opportunities for cybersecurity in Australia?

  • @pedroafabri
    @pedroafabri 2 месяца назад

    Thank you for sharing this! I was having some trouble with TS + Mongoose and this video helped me. Thank you!

  • @healthbarsarchive
    @healthbarsarchive 2 месяца назад

    what about multiple file uploads

  • @AbhishekSingh-xd1pf
    @AbhishekSingh-xd1pf 2 месяца назад

    thanks

  • @manibhushan3060
    @manibhushan3060 2 месяца назад

    Thanks for sharing, one doubt i have can I apply work visa from my own and search jobs online from india itself? Having experience in IT industry.

  • @uzer-124-90sdj
    @uzer-124-90sdj 2 месяца назад

    If its not working, try this add variable prop to font object: const inter = Inter({subsets: ['latin'], variable: '--font-inter'}) provide variable prop instead of className <body className={`${poppins.variable} ${inter.variable}`}> and use this variable where you need it: font-family: var(--font-inter) and if you using tailwind, add fontFamily object to your tailwind.config.js extend: { fontFamily: { inter: 'var(--font-inter)', poppins: 'var(--font-poppins)', }, after that you can use it like this <h1 className="font-inter">

  • @evoteck7273
    @evoteck7273 3 месяца назад

    Nice tutorial

  • @evoteck7273
    @evoteck7273 3 месяца назад

    Is it possible to use this same implementation on nestJs backend?, i tried following cloudflare R2 docs but i don't seem to get it correctly because Wrangler authentication is failing

    • @preyah2857
      @preyah2857 2 месяца назад

      Use you can , make a module for the file uploading and add this logic to the module's service

    • @thefullstackproject
      @thefullstackproject 2 месяца назад

      glad to see everyone helping each other <3

  • @jellyamna5521
    @jellyamna5521 3 месяца назад

    thanks for sharing

  • @sidyboy6998
    @sidyboy6998 3 месяца назад

    The problem im facing is (production build) whenever we upload file to file system we cannot retrieve it until we restart our app. What can be the solution?