Companies Home Search Profile

Build MERN Stack Engine and Create Projects for Portfolio

Focused View

Km Habib

9:15:31

443 View
  • 1. Introduction [Same as Intro].mp4
    02:40
  • 1. Create File and Folder Structure.mp4
    06:04
  • 2. Initiate TailwindCSS.mp4
    03:20
  • 3. Initiating React Routing.mp4
    05:53
  • 4. Desiging Register Page.mp4
    15:39
  • 5. Design Sign In With Google.mp4
    12:50
  • 6. Sent User Data To Backend.mp4
    09:33
  • 7. Create Server to Process Incoming Request.mp4
    17:31
  • 8. Process data in Controller.mp4
    07:55
  • 9. Setting up MongoDB.mp4
    15:13
  • 10. Creating User Model.mp4
    03:50
  • 11. Create Controller To Reguster User - Part 1.mp4
    19:10
  • 12. Design SignIn Page.mp4
    04:09
  • 13. Creating Sign In system.mp4
    08:30
  • 14. Sign In with Google - Passport Setup.mp4
    16:47
  • 15. Sign In with Google - Getting ClientID and ClientSecret.mp4
    03:03
  • 16. Sign In with Google - Completion.mp4
    19:07
  • 17. Create Protected Route.mp4
    26:54
  • 18. Create CRUD Controller.mp4
    14:17
  • 19. Writting CRUD Route and Controller Code.mp4
    22:27
  • 1. Setup Project.mp4
    07:01
  • 2. Creating Header.mp4
    06:32
  • 3. Foooter.mp4
    05:55
  • 4. Design TaskList.mp4
    14:23
  • 5. Design TaskItem.mp4
    15:58
  • 6. Create Add Task Route.mp4
    06:12
  • 7. Create Task Form.mp4
    16:52
  • 8. Sent Form Data to Backend.mp4
    07:08
  • 9. Create Task Model.mp4
    05:08
  • 10. Store Data in Database.mp4
    17:54
  • 11. Fetch and display Task.mp4
    09:23
  • 12. Update Task.mp4
    21:09
  • 13. Delete Task.mp4
    15:32
  • 14. Important-Created AuthProvider.mp4
    14:45
  • 15. Creating Logout system.mp4
    23:43
  • 1. Initiate Project Structure.mp4
    06:12
  • 2. Create Home Page.mp4
    06:03
  • 3. Design User List.mp4
    15:12
  • 4. Design Message Box.mp4
    05:59
  • 5. Inititate Socket io.mp4
    06:48
  • 6. Set socket as context.mp4
    07:51
  • 7. Set Socket to Server.mp4
    08:21
  • 8. Loading User Details.mp4
    14:17
  • 9. Get receiver id and update socket id in database.mp4
    16:12
  • 10. Sent Message to Other User via Socket and MongoDB.mp4
    11:53
  • 11. Adding Conditioin to Message Box.mp4
    17:48
  • 12. Displaying Message.mp4
    15:48
  • 1. Congratulation!.mp4
    00:40
  • Description


    Accelerate Your Web Development Career: Build a MERN Stack Engine and Craft Dynamic Projects with Ease

    What You'll Learn?


    • How to build a MERN Engine with seamless backend Integration
    • How to add Authentication as default to all project
    • How to create 'Sign In With Google' system
    • How to Ceate Protected Route
    • How to use Context globally in project to maintain state
    • How to use MongoDB GRIDFS Bucket for File Management
    • How to create sophisticated CRUD System
    • How to build Task Management Application
    • How to Use Socket io to Chat real time application
    • How to maintain stable state and integrate Mongodb With Socket io

    Who is this for?


  • This course is ideal for aspiring developers eager to dive into MERN stack development and experienced professionals looking to refine their skills.
  • What You Need to Know?


  • Basic HTML, CSS and Javascript
  • More details


    Description

    Begin a transformative journey into the realm of full-stack development with my carefully designed, “Build MERN Stack Engine and Create Projects for Portfolio.” This immersive program is tailored to equip you with the skills and knowledge to streamline your web development process, focusing on the MERN (MongoDB, Express js, React, Node js) stack, one of the most sought-after skill sets in today’s tech landscape.

    This course is structured to provide a hands-on learning experience, guiding you through the creation of a MERN Engine—a foundational system that significantly reduces backend development efforts. By standardizing backend operations, you’ll be able to dedicate more time to perfecting the frontend, ensuring your websites are not only functional but visually appealing.

    Section 2: Building the MERN Engine:

    We begin by laying the groundwork for your MERN Engine. You’ll learn to structure your files and folders for optimal organization and scalability. We’ll then introduce you to TailwindCSS, a utility-first CSS framework that will empower you to style your applications swiftly and responsively. As you progress, you’ll initiate React Routing, enabling seamless navigation throughout your applications.

    The course takes a deep dive into user authentication. You’ll design a registration page, integrate “Sign In with Google,” and learn to securely transmit user data to the backend. We’ll walk you through setting up a server to process incoming requests, managing data in the controller, and establishing a connection with MongoDB.

    Section 3: Task Management System Project:

    With the engine in place, you’ll apply your skills to build a Task Management System. This project will demonstrate the full spectrum of CRUD operations, allowing you to create, read, update, and delete tasks using only frontend interactions. You’ll design a user-friendly interface, including a header, footer, task list, and task items. We’ll also cover the backend processes, such as storing data in the database and fetching tasks for display.

    Section 4: Real-Time Chat System Project:
    The culmination of your learning is the Real-Time Chat System project. Here, you’ll harness the power of socket io to facilitate instant messaging between users. You’ll design a home page, user list, and message box, and learn to manage socket connections within the context of your application. By the end of this section, you’ll have a fully functional chat system that can be adapted for live streaming or broadcasting features.

    Throughout the course, you’ll gain proficiency in using React’s useContext hook for state management, setting up protected routes, and writing robust controller code. You’ll also delve into advanced topics like setting up Passport for Google authentication and managing client IDs and secrets.

    Whether you’re a beginner looking to get started with the MERN stack or an experienced developer aiming to optimize your workflow, this course will provide valuable insights and hands-on experience.

    Enroll in our MERN Stack Mastery course today and take the first step towards becoming a proficient full-stack developer. With our 100% money-back guarantee, you have nothing to lose and a wealth of knowledge to gain. Let’s build, learn, and grow together!

    Who this course is for:

    • This course is ideal for aspiring developers eager to dive into MERN stack development and experienced professionals looking to refine their skills.

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Hi, My name is Km Habib. I have been teaching programming over 6 years in my private training institution. Since education should not be bound by any limit, I decided to spread quality education for all. It's always pleasure to see trainee get skilled after completing quality course and improve their life by applying these skill in their workplace. From the experience of providing quality education I've created few  course on udemy. I hope you will able to improve your life by getting the course. Wish you good luck.
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 48
    • duration 9:15:31
    • Release Date 2024/06/21

    Courses related to React

    Courses related to Node.Js

    Courses related to MongoDB

    Courses related to Aliexpress Dropshipping

    Courses related to MERN Stack