CodeWithHafizJavaid

🚀 Introducing NuxtBootcamp: Build & Deploy 5 Full-Stack Apps with Nuxt 4 ( 50% Off )

🧩Tech Stack:
1. Nuxt v4, Vue 3, Typescript ( Base )
2. Pirsma ( SQLite, MongoDB, Postgres ), Appwrite ( Database )
3. Nuxt UI, TailwindCSS, Shadcn-Vue ( UI )
4. Appwrite, Clerk, Better Auth, and Nuxt Auth Utils ( Auth & Session Management )

nuxtbootcamp.codewithhafizjavaid.com/

4 months ago | [YT] | 6

CodeWithHafizJavaid

Huge discount on QuasarUI ( Save $249 )

www.quasarui.com/

QuasarUI: Premium Components and templates for Quasar framework

Get access to 200+ components of Quasar Framework in just $50.

Discount is for the first 10 customer so hurry up.

1 year ago | [YT] | 2

CodeWithHafizJavaid

⭐ NEW VIDEO IS OUT!

https://youtu.be/IOG4RgkRgME

In this 5 hours long video we will create Full Stack Messenger Clone with Nuxt 3 Vue 3 NuxtUI Typescript Tailwind CSS MongoDB Stripe Prisma. I spent a lot of time on this project, and I hope it will be worth it

This time I decided to have different approach regarding packages we install. I created the starter template where I have installed all the packages we will be using so even if you are watching this after one year, you will be able to follow along with me as we will have the same base ❤

We will learn a lot of things in this tutorial and some of them are following:

💡 💡 💡 Key Features 💡 💡 💡

🇻 Vue 3 and Nuxt 3
🔒 Authentication (OAuth and Email) with Nuxt Auth Utils
🎨 NuxtUI & TailwindCSS Styling
🌍 Global State ( Custom Composables )
🖼 Image Management ( Cloudinary )
📱 Responsive Design
🛠Planning Eraser Labs
📺Realtime Messages Pusher.js
☀ Light and Dark theme

Don't forget to like, share and subscribe

Happy Coding!!!

1 year ago | [YT] | 5

CodeWithHafizJavaid

⭐ NEW VIDEO IS OUT!

https://youtu.be/kFI_klkFSYw?si=XyBeL...

In this 10 hours long video we will create Full Stack LMS Application / Udemy Clone with Nuxt 3 Vue 3 NuxtUI Typescript Tailwind CSS MongoDB Stripe Prisma. I spend around one month on this project, and I hope it will be worth it

This time I decided to have different approach regarding packages we install. I created the starter template where I have installed all the packages we will be using so even if you are watching this after one year, you will be able to follow along with me as we will have the same base ❤

We will learn a lot of things in this tutorial and some of them are following:

💡 💡 💡 Key Features 💡 💡 💡

🇻 Vue 3 and Nuxt 3
🔒 Authentication (OAuth and Email) with Nuxt Auth Utils
🎨 NuxtUI & TailwindCSS Styling
🌍 Global State ( Custom Composables )
🔧 Advance Tiptap Editor
💰 Payment Integration ( Stripe )
📸 Video Uploading and Management ( Cloudinary )
📈 Analytics Card
🖼 Image Management ( Cloudinary )
🗃 Advance Data Table ( NuxtUI )
🔍 Advanced Search and Filtering
👥 Multiple Modes ( Teacher & Student )
📱 Responsive Design

Don't forget to like, share and subscribe

Happy Coding!!!

Skip the Carousel

1 2

1 year ago | [YT] | 20

CodeWithHafizJavaid

⭐ NEW VIDEO IS OUT!

https://youtu.be/uy6LGbCQqwk

In this 7 hours long video we will create Nuxt 3 Full Stack E-Commerce App with Admin Panel: Vue 3 Typescript Tailwind CSS MongoDB Stripe Prisma Cloudinary Shadcn Vue. I spend around one month on this project, and I hope it will be worth it

This time I decided to have different approach regarding packages we install. I created the starter template where I have installed all the packages we will be using so even if you are watching this after one year, you will be able to follow along with me as we will have the same base ❤

We will learn a lot of things in this tutorial especially the global error, and loading states handling.

💡 💡 💡 Key Features 💡 💡 💡

🇻 Vue 3 and Nuxt 3
🔒 Authentication (OAuth and Email) with Nuxt Auth Utils
🌍 Global Error and Loader Handling
🎨 Shadcn UI ( Vue ) & TailwindCSS
📈 Analytics Dashboard
🖼 Image Management ( Cloudinary )
🗃 Advance Data Table ( Shadcn-vue )
🔍 Advanced Search and Filtering
👥 User Roles and Permissions ( Admin and Noraml User )
📱 Responsive Design
💰 Payment Integration ( Stripe )

Don't forget to like, share and subscribe

Happy Coding!!!

Skip the Carousel

1 2 3 4

1 year ago | [YT] | 14

CodeWithHafizJavaid

What should be next Video

1 year ago | [YT] | 8

CodeWithHafizJavaid

Full Stack Airbnb Clone using Nuxt 3, Vue 3, Typescript, MongoDB / Supabase, Prisma, Lucia Auth, ShadCN-Vue
https://youtu.be/aDU5ue9Abho

#nuxt #vue #typescript #tailwindcss #nuxtvsnext

1 year ago (edited) | [YT] | 16

CodeWithHafizJavaid

Screenshot from upcoming tutorial ( Tomorrow )

We will be covering following topics

- Props & Emits
- API Integration: Complete CRUD Operations
- Custom Drag and Drop Component
- Pagination Management: Handling Large Datasets
- Authentication
- Pages Protection: Navigation Guards
- Secured API Requests by Sending Tokens
- TypeScript Integration: Type Safety in Vue.js
- Reusable Components
- Global State Management using Composables: Handling Themes and Modals

Skip the Carousel

1 2 3 4

1 year ago | [YT] | 17

CodeWithHafizJavaid

I'm sorry guys if any of my video ended up like this for you

1 year ago | [YT] | 5

CodeWithHafizJavaid

Build Full Stack Realtime Chat App (Basic) using Vue 3, Vuetify typescript Node Express Socket io ( 2024 ).
https://youtu.be/Dh3F5561-I0?si=TjluP...
#vue #vuetify #socket #node #expressjs #typescript

1 year ago | [YT] | 4