AB Nation Programmers
AB Nation Programmers
  • 142
  • 677 138
Build a Fullstack Contact App with Vue 3 Composition API , Node, Express, and MongoDB | Part 2
In this comprehensive tutorial, we will guide you step-by-step through building a fullstack contact application. We will use Vue.js for the frontend and Node.js with Express to create a robust backend for CRUD operations (Create, Read, Update, Delete). You'll learn how to connect Node.js with MongoDB to store data effectively. We will also use Postman to test our API endpoints.
Throughout the tutorial, we cover essential concepts like validations, middleware, and error handling to ensure your application is both secure and efficient. Whether you're a beginner or looking to refine your skills, this tutorial has everything you need to develop a fullstack contact application from scratch.
Переглядів: 880

Відео

Build a Fullstack Contact App with Vue 3 Composition API , Node, Express, and MongoDB | Part 1
Переглядів 9406 місяців тому
In this comprehensive tutorial, we will guide you step-by-step through building a fullstack contact application. We will use Vue.js for the frontend and Node.js with Express to create a robust backend for CRUD operations (Create, Read, Update, Delete). You'll learn how to connect Node.js with MongoDB to store data effectively. We will also use Postman to test our API endpoints. Throughout the t...
E-commerce Store in Angular 17 | Adding Favorites & Wishlist functionality
Переглядів 5399 місяців тому
In this Angular tutorial where we delve into creating a wishlist feature from scratch. In this video, we'll guide you through the process of implementing a wishlist functionality seamlessly within your Angular application. We start by showcasing a list of products, and with a simple click on the wishlist favorite icon, you'll learn how to efficiently add products to the wishlist, complete with ...
Ecommerce Project in Angular 17 from Scratch | Part 2
Переглядів 534Рік тому
In this video i will explain how to create E-commerce store in angular from scratch.
Ecommerce Project in Angular 17 from Scratch | Part 1
Переглядів 1,8 тис.Рік тому
In this video i will explain how to create E-commerce store in angular from scratch.
Ecommerce Flutter App | Add To Cart | Bloc Pattern | Part 4
Переглядів 1,1 тис.Рік тому
In this video you will be able to learn how to build ecommerce app using bloc pattern which is a state management system in flutter. Our application has a product catalog with a list of products. The user can select a product and add it to their cart. The cart keeps track of the items added and their quantity. The user can view their cart and remove items and checkout the product. Once user che...
Ecommerce Flutter App | Add To Cart | Bloc Pattern | Part 3
Переглядів 1 тис.Рік тому
In this video you will be able to learn how to build ecommerce app using bloc pattern which is a state management system in flutter. Our application has a product catalog with a list of products. The user can select a product and add it to their cart. The cart keeps track of the items added and their quantity. The user can view their cart and remove items and checkout the product. Once user che...
Ecommerce Flutter App | Add To Cart | Bloc Pattern | Part 2
Переглядів 1,8 тис.Рік тому
In this video you will be able to learn how to build ecommerce app using bloc pattern which is a state management system in flutter. Our application has a product catalog with a list of products. The user can select a product and add it to their cart. The cart keeps track of the items added and their quantity. The user can view their cart and remove items and checkout the product. Once user che...
Ecommerce Flutter App | Add To Cart | Bloc Pattern | Part 1
Переглядів 3,2 тис.Рік тому
In this video you will be able to learn how to build ecommerce app using bloc pattern which is a state management system in flutter. Our application has a product catalog with a list of products. The user can select a product and add it to their cart. The cart keeps track of the items added and their quantity. The user can view their cart and remove items and checkout the product. Once user che...
How to Filter List | List View Builder with Chips in Flutter
Переглядів 19 тис.Рік тому
In this video, we'll walk you through how to use chip filtering to create a dynamic user interface for your list view. We'll cover everything from setting up your list view builder to implementing chip filtering with ease. By the end of this tutorial, you'll have the skills you need to create a streamlined user experience for your app.
Multi Select Dropdown Using Ajax & jQuery in Laravel | Select 2
Переглядів 2,6 тис.Рік тому
Here's a sample code for creating a multi-select chip using AJAX and jQuery in Laravel, and storing the selected data in the database.
Checkbox Filter using VUE JS & Laravel API
Переглядів 2,4 тис.2 роки тому
In this video you will be able to learn about filtering the record on based of checkbox. You will fetch result on based of main category and show sub category in cards. / Full Stack Tutorials / Checkbox Filter API in Laravel Part 1 ua-cam.com/video/lSbHxHoJJTY/v-deo.html Full Stack Search using Angular and Laravel ua-cam.com/video/AHAPfVPCNno/v-deo.html Full Stack Laravel & Angular ua-cam.com/v...
Checkbox Filter using Angular & Laravel API | Part 2
Переглядів 1,3 тис.2 роки тому
In this video you will learn about how to create Full Stack Angular & Laravel checkbox filter. You will be able to learn about implementing API in Angular. You will be able to filter data using Http Client module. You ill be able to create the component in angular and implement routing. With the help of service you will share data across multiple component and get response from the API. / More ...
Determine Realtime User Online/Offline Status Using Socket.io
Переглядів 8 тис.2 роки тому
In this video you will be able to integrate socket & determine user status. If a user is logged in then it will show the status online with green status, otherwise it will show offline with grey status.
Dynamic Pie Chart in Laravel Using Ajax & jQuery
Переглядів 1,7 тис.2 роки тому
In this video you will be able to learn how to build pie chart using google charts. You will be able to fetch data from database and show dynamic result in the form of pie chart. Query for this video INSERT INTO data_analytics (name, month, year) VALUES ('Lenovo', 'January', '2021'), ('HP', 'January', '2021'), ('Dell', 'February', '2020'), ('Asus', 'March', '2019'), ('Acer', 'April', '2022'), (...
Realtime Notification in Laravel Using Pusher
Переглядів 20 тис.2 роки тому
Realtime Notification in Laravel Using Pusher
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 5
Переглядів 3,9 тис.3 роки тому
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 5
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 4
Переглядів 3,1 тис.3 роки тому
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 4
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 2
Переглядів 7 тис.3 роки тому
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 2
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 3
Переглядів 3,6 тис.3 роки тому
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 3
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 1
Переглядів 33 тис.3 роки тому
Full Stack Vue.js 3 & Laravel CRUD with RESTFUL API | Part 1
How to Display formatted Date in Text Field in Flutter | Part 2
Переглядів 4,3 тис.3 роки тому
How to Display formatted Date in Text Field in Flutter | Part 2
How to Display formatted Time in Text Field in Flutter | Part 3
Переглядів 2,1 тис.3 роки тому
How to Display formatted Time in Text Field in Flutter | Part 3
How to Combine Date & Time together in text field using Flutter | Part 4
Переглядів 4,3 тис.3 роки тому
How to Combine Date & Time together in text field using Flutter | Part 4
How to Format DateTime in Flutter | Part 1
Переглядів 9033 роки тому
How to Format DateTime in Flutter | Part 1
Checkbox Filter using Angular & Laravel API | Part 1
Переглядів 1,3 тис.3 роки тому
Checkbox Filter using Angular & Laravel API | Part 1
Count Wishlist in Laravel 8 using Ajax & jQuery
Переглядів 1 тис.3 роки тому
Count Wishlist in Laravel 8 using Ajax & jQuery
Build Search Bar Using Angular & Laravel API | Part 3
Переглядів 7193 роки тому
Build Search Bar Using Angular & Laravel API | Part 3
Build Search Bar Using Angular & Laravel API | Part 2
Переглядів 7643 роки тому
Build Search Bar Using Angular & Laravel API | Part 2
Build Search Bar Using Angular & Laravel API | Part 1
Переглядів 1,4 тис.3 роки тому
Build Search Bar Using Angular & Laravel API | Part 1

КОМЕНТАРІ

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

    Which plugins u use for flutter for vs code? Specially the one to connect physical device (mobile) for app testing (becos ua getting the option, the device name om bottom right corner.

  • @yayif7699
    @yayif7699 5 днів тому

    Thank you and I wonder do you have a github repo for this?

  • @GemIts-z3n
    @GemIts-z3n 16 днів тому

    Please send me a new link to GitHub with this Git project please. I will be grateful !!!

  • @GemIts-z3n
    @GemIts-z3n 16 днів тому

    Please send me a new link to GitHub with this Git project please. I will be grateful

  • @GemIts-z3n
    @GemIts-z3n 16 днів тому

    Please send me a new link to GitHub with this Git project please. I will be grateful

  • @GemIts-z3n
    @GemIts-z3n 16 днів тому

    Goood !

  • @richardmiquel7535
    @richardmiquel7535 21 день тому

    thanks bro, thanks to you I understand how to implement validation, error handling and middleware. I'm still a beginner :)

  • @lukasglaser2
    @lukasglaser2 2 місяці тому

    For me it only workes when i deactivate Access-Controll-Allow-Origin using the coreponding browser AddOn for Google Chrome

  • @lukasglaser2
    @lukasglaser2 2 місяці тому

    127.0.0.1:8000/api/contacts does not work for me. I use 127.0.0.1:8000/contacts

  • @lukasglaser2
    @lukasglaser2 2 місяці тому

    30:00 If you are using a different version of Laravel, this command may only create the model, but not the associated migration. That's why you have to append "--migration" to the end of the command.

  • @learn-with-lemon
    @learn-with-lemon 3 місяці тому

    Fantastic content to just start.

  • @Kenji_195
    @Kenji_195 5 місяців тому

    Watched the whole thing, this was absolutely useful and I learned so much from this series Some things had to be different due to differences in versions, but I was able to figure out how to deal with those differences, for the most part I followed pretty much the same steps Thank you so much

  • @extrasmello
    @extrasmello 5 місяців тому

    I was looking for this content for some time and it was extremely useful to me. Even after a few years, the information is still exactly what I needed. Thank you so much for sharing, it made a huge difference in my search. 🇧🇷

  • @vishupriya-vw8hy
    @vishupriya-vw8hy 7 місяців тому

    not working when i submit the form no error also get

  • @AshwiniPatil-il3tz
    @AshwiniPatil-il3tz 7 місяців тому

    how to hide password in next screen ,like pattern "**************"

  • @goysid
    @goysid 8 місяців тому

    How to add tt cart with api?

  • @wawaxenoptics
    @wawaxenoptics 8 місяців тому

    Thank you so much for your easy to understand tutorials. They help me alot for a beginner in angular.

  • @muhammadhashir624
    @muhammadhashir624 8 місяців тому

    Amazing

  • @kielbermudez9721
    @kielbermudez9721 9 місяців тому

    How did you enable the CORS?

  • @alphonsesossou4283
    @alphonsesossou4283 9 місяців тому

    I was expecting a vue 3 course to focus on composition API rather than Option API , a vue 2 approach kept in vue 3 for backward compatibility.

  • @francescoferraro25
    @francescoferraro25 9 місяців тому

    hey,Thank you for this video, i'm having issues with the header , it isn't showing correctly, i can only see the text without the nav structure.Do i need to add the css part manually?

  • @alphonsesossou4283
    @alphonsesossou4283 9 місяців тому

    Awesome but why not using composition api approach?

  • @richeriswertres
    @richeriswertres 9 місяців тому

    I cannot initialize it well, i cannot select the chips. It's not clear what you said about how you fix it. How exactly? thanks

  • @themasterstack
    @themasterstack 10 місяців тому

    You saved me man!

  • @themasterstack
    @themasterstack 10 місяців тому

    thanks

  • @ushanbinusha8408
    @ushanbinusha8408 10 місяців тому

    Hey, thank you for this tutorial. Will it receive notifications when the browser is closed or when it's in recent apps on mobile?

  • @tariquechaudhri4255
    @tariquechaudhri4255 11 місяців тому

    getting a error in localstorage local storage is not define

  • @MetallChannel
    @MetallChannel 11 місяців тому

    Thank you a lot. This video was very helpful. Do you have in mind a part 3 too? It would be very nice if you create even a database to store this information

  • @andrew5278
    @andrew5278 11 місяців тому

    ✋ Promo_SM

  • @user-pd3sj6jn3d
    @user-pd3sj6jn3d 11 місяців тому

    thanks can you please provide the code?

  • @augustesonfackatoundem4275
    @augustesonfackatoundem4275 11 місяців тому

    Thank you so much . I learned so much with this Video . Can you do another tutorial where the seller can enter these products in a field? That would be very lovely .

  • @augustesonfackatoundem4275
    @augustesonfackatoundem4275 11 місяців тому

    Thank you so much . I learned so much with this Video . Can you do another tutorial where the seller can enter these products in a field? That would be very lovely .

  • @Sonfack-c9t
    @Sonfack-c9t 11 місяців тому

    Thank you for this Videos. I learned more about angular . can you please Go ahead and add also a payment system?

  • @MohammadTaimoorHussain
    @MohammadTaimoorHussain 11 місяців тому

    Very informative, but here is the question. Why do we need laravel? because we didn't use it right here. Please reply!

  • @hafizhassaan9263
    @hafizhassaan9263 Рік тому

    very informative, thank you❤

  • @WebDeveloperUrianViera
    @WebDeveloperUrianViera Рік тому

    Esta genial, estoy aprendiendo flutter y me gustaria que me compartieras el codigo por favor.

  • @aymensaad6516
    @aymensaad6516 Рік тому

    Awesome

  • @oosowl522
    @oosowl522 Рік тому

    how could you use productListe from that class directly ? 20:20

    • @sophie_kamalova
      @sophie_kamalova 11 місяців тому

      did you find the answer ?

    • @oosowl522
      @oosowl522 11 місяців тому

      ​@@sophie_kamalova to be honest i forgot everything, but i believe it has to do something with the state management

  • @md.maksudbhuiyan5053
    @md.maksudbhuiyan5053 Рік тому

    source code plz

  • @yemannmyoe5918
    @yemannmyoe5918 Рік тому

    Can I know how to solve the edit blade? Sir

  • @mhfchannel960
    @mhfchannel960 Рік тому

    You are more requested share the code

  • @_kako.
    @_kako. Рік тому

    Not everything works in this video cause of the updates from MongoDB so you have to know the basics and changes to perform this.

  • @howidamostafa804
    @howidamostafa804 Рік тому

    thanks

  • @akadeadahot7067
    @akadeadahot7067 Рік тому

    hey how to retrive that image from laravel backend in to angular front end as we are using laravel rest api please reply me if u have solution. Thank you for sharing video i got to know to save image with random name in db

  • @waqasroy5801
    @waqasroy5801 Рік тому

    Thanks brother ❤❤

  • @MauricioForeroGonzalez
    @MauricioForeroGonzalez Рік тому

    The title of your videos is misleading, this is not vue3, it is vue2, in vue3 there is no data, there is setup

  • @zylexg5953
    @zylexg5953 Рік тому

    thanks alot . you saved me a big time❤❤

  • @devteammm3563
    @devteammm3563 Рік тому

    please the source code

  • @oloucomaffi
    @oloucomaffi Рік тому

    cara, brasileiro aqui, você foi o único claro o suficiente e organizado para fazer esse projeto de forma correta, muito obrigado

  • @mugdadelneama7389
    @mugdadelneama7389 Рік тому

    It's not display the Items until I click no one of the chips , any body knows why?