Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 50% Off

One plan covers every Professional Certificate on Coursera. 50% off Coursera Plus Annual for 10 days only — price increases June 17.

Unlock All Certificates

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll build a real-time Trello clone using the MEAN stack (MongoDB, Express, Angular, and Node.js). You will learn to integrate real-time communication using WebSockets, create user authentication with JWT tokens, and handle boards and tasks management seamlessly. By the end of the course, you will have a fully functional application that replicates key features of Trello, helping you grasp essential web development concepts. The course starts by setting up your development environment, guiding you through the installation of Node.js, Angular, and MongoDB. As you progress, you'll implement authentication systems, learn how to retrieve and display boards dynamically, and work with real-time updates to manage tasks and columns. With each section, you’ll get hands-on experience in building out different features of the Trello clone, from board creation to task management, and optimizing your application for deployment. The course is designed for developers who want to dive deep into full-stack development with the MEAN stack. Whether you're a beginner or have prior experience in web development, you’ll find this course comprehensive and engaging. No specific prerequisites are required, but basic knowledge of JavaScript and web development concepts will help you get the most out of the course. By the end of this course, you'll be equipped with the skills to build and deploy real-time web applications, understand full-stack development workflows, and integrate complex functionalities like user authentication and real-time data updates. You'll also gain practical experience that can be applied to other full-stack development projects.

Syllabus

Preparing Tools

In this module, we will introduce the course and outline key concepts of building a Trello clone using the MEAN stack. We will cover the installation of Node.js, Angular, and MongoDB and provide downloadable resources to support the project. You'll also learn how to configure your development environment and choose the right editor for the task.

Authentication

In this module, we will focus on user authentication, including setting up WebSockets in Node.js and creating authentication models with Mongoose. You will learn to implement registration, login, and authentication in both Node.js and Angular, ensuring secure communication and access to the Trello clone.

Boards Page

In this module, we will guide you through the process of retrieving boards from the backend and displaying them on the frontend. You'll also learn how to create new boards using a form, add navigation elements, and implement logout functionality for a complete user experience.

Board Page

In this module, we will dive into board-specific features, including retrieving and updating data in real time. You will learn to manage columns, tasks, and integrate WebSockets for seamless interaction. By the end of the module, you’ll have an interactive board page with real-time updates.

Board Improvements

In this module, we will improve the board page by adding functionality for updating and deleting boards and columns. You'll also learn how to manage memory leaks in Angular applications by properly unsubscribing from observables and improve UI performance.

Task Modal

In this module, we will build a task management feature, enabling users to create, update, and delete tasks in real-time. You will also learn how to retrieve and display tasks and columns for each board in the Trello clone.

Deployment

In this module, we will cover the process of deploying your MEAN stack application to a cloud server. You’ll gain the necessary skills to make your real-time Trello clone publicly available for users.

What's Next?

In this module, we will provide a hands-on homework assignment to reinforce everything you've learned. This task will allow you to build additional features and further develop your real-time Trello clone.