Learn Coding
In this video, we showcase how to build a full stack (dynamic/responsive) web project, crafted with ๐ ๐ผ๐ป๐ด๐ผ๐๐, ๐๐ ๐ฝ๐ฟ๐ฒ๐๐.๐ท๐, ๐ฅ๐ฒ๐ฎ๐ฐ๐.๐ท๐, ๐ฎ๐ป๐ฑ ๐ก๐ผ๐ฑ๐ฒ.๐ท๐. Used Technologies :- ๐ ๐ผ๐ป๐ด๐ผ๐๐ :- It's a NoSQL DB. ๐๐ ๐ฝ๐ฟ๐ฒ๐๐ ๐๐ :- It's a Node Js Framework(Backend) ๐ฅ๐ฒ๐ฎ๐ฐ๐ ๐๐ :- It's a JavaScript Library(Frontend) โ UI Design:- ๐ง๐ฎ๐ถ๐น๐๐ถ๐ป๐ฑ ๐๐ฆ๐ฆ ๐ก๐ผ๐ฑ๐ฒ ๐๐:- Help us to run Js on Server-side. โ Deployment Video๐ https://youtu.be/v4U0RLWJln4?si=ThUXlOjti-yUKttA ------------------------ ๐ฃ๐ฟ๐ฒ๐ฟ๐ฒ๐พ๐๐ถ๐๐ถ๐๐ฒ ------------------------ โ Javascript (map, filter & reduce)๐ https://youtu.be/CAW8RePM29c?si=qhbyA0ArcOmeeaCk โ ๐๐ถ๐ ๐๐๐น๐น ๐๐ผ๐๐ฟ๐๐ฒ ๐ https://youtu.be/9-agBD25ILY?si=rvpB2Bh7af1DRZFr โ ๐๐ง๐ ๐ ๐๐ฆ๐ฆ ๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ https://youtu.be/sHydpsVcN2Q?si=O9dSuWxSc0YB7l5e โ ๐๐ฎ๐๐ฎ๐๐ฐ๐ฟ๐ถ๐ฝ๐ ๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ https://youtu.be/xL3qcW04FFg?si=dGIKhfHP3MNw9L92 โ MERN PROJECTS ๐ ---------------------------------------- โ Chat Application ๐ https://youtu.be/HONob0RSJ6Y?si=XYRl6xDQybNlkF0B โ Portfolio Website ๐ https://youtu.be/CrFrJ82rjA0?si=nvHLnHUuSNZvB-vZ โ Youtube Clone Project ๐ https://youtu.be/Ryh6BYeMIDQ?si=B3slN-jWIaPXmiQ_ โ ๐ฃ๐น๐ฒ๐ฎ๐๐ฒ ๐๐ต๐ฎ๐ฟ๐ฒ, ๐ถ๐ณ ๐๐ผ๐ ๐ณ๐ถ๐ป๐ฑ ๐ถ๐ ๐จ๐๐ฒ๐ณ๐๐น๐ ----------------------- ๐ง๐ถ๐บ๐ฒ๐๐๐ฎ๐บ๐ฝ ----------------------- 1. Syntax(Backend/Frontend) 00:00:00 2. Project Demo 00:00:51 3. Git/GitHub โ Repo Clone :- 00:05:34 โ Make Sure Git Should be Installed Before Cloning the GitHub Repo. 4. What is MERN? 00:09:32 5. Node Js Installation 00:10:12 โ Frontend 00:11:16 โ Git/Github 02:19:33 โ Backend 02:26:01 โ If you have any kind of doubts, you can ping us on linkedin ๐ Akhilesh:- https://www.linkedin.com/in/akhil2k-lc Ankush:-https://www.linkedin.com/in/ankush2k-lc ๐Will help and guide accordingly๐ โ Github Repo(Source Code) ๐ https://github.com/akhil2k-lc/bookStoreApp โ How u can run the project ๐ ------------------------------------------------------ Step1:- Clone The Repository Step2:- Use npm install (Frontend/Backend) Step3:- Install mongoDB Compass Step4:- Connect to MongoDB Step5:- Do Signup Step6:- create book data (as i show in the video) Step7:- Refresh the page to see the book data in cards section. Follow us on ๐ ------------------------------------------------ โ Youtube! ๐๐ฒ๐ฎ๐ฟ๐ป ๐๐ผ๐ฑ๐ถ๐ป๐ด https://youtube.com/@LearnCodingOfficial?si=-tA-Q8jnG6daGCf0 โ Facebook! ๐๐ฒ๐ฎ๐ฟ๐ป ๐๐ผ๐ฑ๐ถ๐ป๐ด https://m.facebook.com/LearnCodingFB โ Telegram! ๐๐ฒ๐ฎ๐ฟ๐ป ๐๐ผ๐ฑ๐ถ๐ป๐ด https://t.me/LearnCodingTelegram โ Github! ๐๐ฒ๐ฎ๐ฟ๐ป ๐๐ผ๐ฑ๐ถ๐ป๐ด https://github.com/LearnCodingOfficial โ WhatsApp! ๐๐ฒ๐ฎ๐ฟ๐ป ๐๐ผ๐ฑ๐ถ๐ป๐ด https://www.whatsapp.com/channel/0029Va5RGsyBKfhsVsBg0Q3O Your Queries -------------------------- โ MERN Project โ MERN Stack Project โ Complete MERN Stack Project โ Full Stack Web Application โ How to Create MERN Project โ Learn to build Full Stack MERN Project โ Build Complete MERN Project โ How to make website โ How to create a website โ How to create a full stack web application โ HTML โ CSS โ Javascript โ Tailwind CSS โ React Js โ MongoDB โ Express Js โ Node Js Don't forget to tag our Channel...! #mern #webdevelopment #reactjs #mongodb #expressjs #nodejs #tailwindcss #jsx #html #css #javascript #mernstack #github #git #LearnCoding Developer๐งโโ๏ธ:- ๐๐ธ๐ต๐ถ๐น๐ฒ๐๐ต ------------------------------------ Thank You ๐ ------------------------------------
Complete understanding of the topic
Hands-on practical knowledge
Real-world examples and use cases
Industry best practices
Take your learning to the next level with premium features