Companies Home Search Profile

Build a Full-Stack MERN Blog Website with Admin Dashboard

Focused View

Md Al Mamun

2:12:39

0 View
  • 1. Introduction.mp4
    14:53
  • 2. Before You Get Started.mp4
    04:09
  • 3. Install node js.mp4
    01:36
  • 4. Install VS Code on WindowsPC.mp4
    02:38
  • 5. Connect MongoDB and Mongoose.mp4
    12:12
  • 1. Basic Express Js Server Setup.mp4
    17:41
  • 2. Dotenv and cors.mp4
    08:14
  • 3. Create A Blog Model using mongoose.mp4
    09:51
  • 4. Basic Blog Routes Setup and Testing.mp4
    06:21
  • 5. Download Postman and Test API.mp4
    05:08
  • 6. Post a Blog to Database Collection.mp4
    10:47
  • 7. Get all Blogs from Database.mp4
    03:32
  • 8. Search and Category Filtering using query.mp4
    08:41
  • 9. Get a Single Blog by id.mp4
    07:36
  • 10. Update a Blog Post.mp4
    06:03
  • 11. Delete a Blog Post.mp4
    04:26
  • 12. Get all Related Blogs (exclude the current blog).mp4
    08:51
  • Description


    Build a real full-stack React.js applications with Node.js, Express.js, MongoDB, Mongoose, JWT Authentication, etc.

    What You'll Learn?


    • Build frontend with React Js, Tailwind CSS, Redux, Redux RTK Quary toolkit
    • Build backend with Node, Express js, MongoDB, Mongoose, JWT(JSON Web Tokens), bcryptjs and more
    • Build an entire project from scratch!
    • Learn how to implement Authentication & Authorization
    • Make blog page editor feature to create or update blog
    • Admin dashboard pannel to manage blogs, users, and everything

    Who is this for?


  • Freshers who want to get hired as an intern or full-time role.
  • Junior developer who wants to bring his skill to the next level
  • Using basic React js knowledge who want learn how to build a fullstack app
  • Advanced React developers who are interested in connecting React apps to Node/ Express
  • What You Need to Know?


  • Basic knowledge about React js (Optional)
  • Basic Tailwind CSS (ex: margin, padding, background color, text color, etc)
  • NO expert React knowledge or MERN knowledge is required
  • No backend knowledge required
  • More details


    Description

    Are you ready to take your web development skills to the next level? In this course, we'll build a full-stack MERN blog website, a real-world project valued at $250 on Upwork. Whether you're a beginner or an experienced developer, this course will guide you through creating a powerful, feature-rich blog platform from scratch.


    What You'll Learn


    Frontend Development:

    • React: Master the fundamentals and advanced concepts of React.

    • Tailwind CSS: Style your application efficiently with this utility-first CSS framework.

    • Redux & Redux RTK Query Toolkit: Manage state and handle API requests seamlessly.

    • Login & Registration: For login and registration will generate token and set it to cookies.

    • Role-Based Dashboard: We will implement private routing to give access based on user role.


    Backend Development:

    • Node.js & Express.js: Set up a robust backend server.

    • MongoDB & Mongoose: Work with a NoSQL database and an elegant object data modeling library.

    • JWT Authentication: Implement secure authentication and authorization.

    • Bcrypt: Ensure user password security with hashing techniques.

    • MVC Architecture Pattern: We will follow the Model, the View, and the Controller  architecture pattern to structure our backend project


    Admin Dashboard:

    • Admin Panel: Create an admin dashboard to post, manage, and update blogs.

    • User Management: Control user access and manage overall functionality.


    Course Highlights

    • Real-World Project: Build a project that can be sold or showcased in your portfolio.

    • Comprehensive Learning: Gain hands-on experience with both frontend and backend technologies.

    • Step-by-Step Guidance: Follow detailed instructions and best practices.

    • Admin Functionality: Learn to create and manage an admin panel for complete control over your application.


    Why Take This Course?

    This course offers a complete, in-depth look at modern web development using the MERN stack. By the end, you'll have a fully functional blog website and the skills to build and manage your own web projects. Plus, you'll gain insights into best practices for both frontend and backend development, making you a versatile and valuable developer in today's job market.

    Join us on this exciting journey to become a proficient full-stack developer. Enroll now and start building your professional blog website today!

    Who this course is for:

    • Freshers who want to get hired as an intern or full-time role.
    • Junior developer who wants to bring his skill to the next level
    • Using basic React js knowledge who want learn how to build a fullstack app
    • Advanced React developers who are interested in connecting React apps to Node/ Express

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    I am a passionate and highly skilled full-stack web developer with a creative mindset and a keen eye for detail. My journey in the world of web development began several years ago, and since then, I have been dedicated to crafting exceptional online experiences that seamlessly blend form and function.Technical Expertise: I have honed my skills across the entire web development stack, from front-end to back-end, and everything in between. My proficiency includes but is not limited to:Front-End Development: I excel in creating intuitive and engaging user interfaces using HTML, CSS, and JavaScript. I am experienced in a variety of modern frameworks, such as React and Angular, and I'm committed to building responsive designs that look stunning on any device.Back-End Development: I'm well-versed in server-side technologies, including Node.js and Python, to ensure that web applications are not only beautiful but also robust and scalable. I have experience with databases like MongoDB, SQL, and have expertise in RESTful and GraphQL APIs.Full-Stack Mastery: My comprehensive understanding of both front-end and back-end technologies allows me to architect and develop end-to-end solutions that are efficient and effective.Passion for Problem-Solving: I thrive on challenges and am dedicated to finding innovative solutions to complex problems. Whether it's optimizing performance, improving security, or enhancing user experience, I'm committed to delivering results that exceed expectations.Continuous Learning: In the ever-evolving field of web development, I am a firm believer in continuous learning. Staying up-to-date with the latest trends, tools, and best practices is essential to my approach. I'm always eager to explore new technologies and adapt them to my projects.Collaborative Team Player: I understand the importance of effective communication and teamwork. I have experience working in diverse and interdisciplinary teams, where I can leverage my technical skills to contribute to the success of the project.Outside of Work: When I'm not immersed in code, I enjoy [mention any hobbies or interests you have outside of work], which help me maintain a well-rounded perspective on life.Get in Touch: I am open to new opportunities and collaborations, so feel free to reach out if you're looking for a dedicated web developer who is passionate about creating exceptional web experiences. Let's work together to bring your digital vision to life.Thank you for visiting my profile, and I look forward to connecting with you!
    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 17
    • duration 2:12:39
    • Release Date 2024/10/12