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

Published: 01 January 1970
on channel: The Code Angle
1,292
24

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/buil...

GitHub Repo for Frontend:
https://github.com/desoga10/Avatar-ME...

GitHub Repo for Backend:
https://github.com/desoga10/Avatar-ME...

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:
  / thecodeangle​​​​​  

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


Watch video Build an Avatar Gallery App using the MEAN Stack and Cloudinary | MongoDB, Express, Angular, Node.js online without registration, duration hours minute second in high quality. This video was added by user The Code Angle 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,292 once and liked it 24 people.