Build an Avatar Gallery App using the MEAN Stack and Cloudinary | MongoDB, Express, Angular, Node.js

This is full Stack Web Development Tutorial made for Absolute Beginners in 2023. In this tutorial, we made use of different JavaScript technologies like MongoDB, Express.js, Angular, and Node to create an Avatar uploads application. The combination of these technologies is regarded as the MEAN stack.

We also made use of a service called Cloudinary to save our image. At the end of this tutorial, you should have a fundamental knowledge of how to create a full-stack application using the MEAN Stack.

Timestamps for Avatar Upload Application using the MEAN Stack and Cloudinary:
Project Demo- 00:00
05:11 – What is the Mean Stack?
09:04 – Creating a New Angular Project
10:50 – Boostrap 5
11:45 – Angular Components
14:05 – Navbar
16:50 – UI Design
18:45 – Angular Router Configuration
22:20 – Creating the Backend Project
23:25 – Installing the npm Packages
25:35 – Creating the Project Structure
27:00 – MongoDB Atlas setup
38:00 – Connecting to MongoDB Using Mongoose
43:45 – Configuring the Model
47:30 – Cloudinary Configuration
52:40 – Creating the Multer Middleware
58:40 – Creating REST API routes with Express
1:39:20 – Creating the Angular models
1:42:38 – Angular Services
1:43:45 – Consy=uming the REST APIs
2:38:35 – Conclusion

Checkout my New MEAN Stack Interactive Course on Educative Inc. :
https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack

GitHub Repo:
Pending

Support the channel:
buymeacoffee.com/thecodeangle

Join my telegram community:
https://t.me/thecodeangle

For more resources on Web Development:
https://thecodeangle.com/​​​​

Follow Me on Twitter:
https://twitter.com/thecodeangle​​​​​

Leave a like and subscribe for more videos.
Thanks a lot for watching ❤