Тёмный

In-Depth MERN Tutorial: Building a Bookstore Management System with MongoDB, Express, React, Node.js 

Code With Yousaf
Подписаться 26 тыс.
Просмотров 18 тыс.
50% 1

Full Stack React and Node Project. MERN Stack Project. Book Store Management System. MERN tutorial where we delve into the intricacies of building a fully functional Bookstore Management System from scratch. In this in-depth guide, we'll explore the powerful MERN stack - MongoDB, Express, React, and Node.js - to create a feature-rich application that streamlines bookshop operations.
What You'll Learn:
Setting up the MongoDB database for efficient data storage.
Utilizing Express.js to create a robust backend for seamless communication.
Harnessing the power of React for building a dynamic and user-friendly frontend.
Implementing Node.js to handle server-side logic and enhance system performance.
Key Features of This Tutorial:
Step-by-step walkthrough of the entire development process.
Best practices for structuring MERN applications.
Integration tips and tricks to ensure a cohesive system.
Real-world coding examples and explanations to solidify your understanding.
Whether you're a beginner looking to enhance your MERN stack skills or an experienced developer seeking to tackle a practical project, this tutorial is designed to cater to all levels. By the end of the video, you'll have a fully functional Bookstore Management System, and you'll be well-equipped to apply these concepts to your future projects.
Don't forget to like, share, and subscribe for more insightful tutorials, and let's embark on this MERN journey together!
🔗
👉 Timestamps:
0:00 Demo of Book Store MS
04:55 Create React and Node App
14:06 Implement React Router
17:03 Navbar
22:00 Hero Page
25:04 Login design
32:22 Admin Account, DB Connection
46:36 Login API
1:03:44 Add Student Design and API
1:18:35 Protected Route
1:26:28 Student Login
1:30:50 Role Base, Logout, User Verify
1:56:39 Add Book
2:07:33 Fetch and Display Books
2:16:37 Edit Book
2:30:50 Delete a Book
2:35:38 Dashboard

Опубликовано:

 

28 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 65   
@alainmajamu4933
@alainmajamu4933 2 месяца назад
thank you for helping me link my frontend to the backend, very encouraging
@andreavicari2159
@andreavicari2159 5 месяцев назад
I followed a lot of your courses, always good contents 👏👏👏 next i will follow this one. Keep on, you are doing a precious work.. Many thanks 👌🙏🙏🙏
@vividmilan9175
@vividmilan9175 5 месяцев назад
Good content, please don't stop posting, Teach firebase and other advanced stuffs ♥🔥✨
@niteshprajapat7918
@niteshprajapat7918 5 месяцев назад
Loved this 🔥🔥
@oktayaltunkaya9019
@oktayaltunkaya9019 3 месяца назад
keep continue thanks a lot
@oktayaltunkaya9019
@oktayaltunkaya9019 3 месяца назад
you doing very well, can u also make more complex project pleas
@ganeshj1065
@ganeshj1065 4 месяца назад
Thanks ❤ sir i successfully completed this project by watching your video✨ Feedback: good content great effort ✨, But in my opinion this project will be difficult for beginners who are doing their ,1st or 2nd project as this project and Do some small project and then jump into this video you will definitely complete this without a error 👍🏻👍🏻
@_a.n.k.u_07
@_a.n.k.u_07 4 месяца назад
I am also unable to connect mongodb, I can't see the database name in database... Please explain 👀🥹
@swathimeenal1459
@swathimeenal1459 3 месяца назад
Sir in student page while showing book read option should given and while clicking it pdf file of book should get opened i.e while adding book details by admin , pdf file of book should get added to the Represented book and in student book page if we click read button of Represented book the pdf of that book should get opened, how to achieve this idea
@jamalmakaveli2966
@jamalmakaveli2966 5 месяцев назад
Is it possible to add a register/signup for that code?
@prasannas439
@prasannas439 4 месяца назад
We have two tables then how to get results in without sql
@atharvalakhamade2126
@atharvalakhamade2126 2 месяца назад
i am confused when did you set the password for admin. or you just set when logged in
@tuffelshaikh1197
@tuffelshaikh1197 4 месяца назад
I am unable to connect mongodb, I can't see the database name in database
@mdwaquarazam2026
@mdwaquarazam2026 Месяц назад
Same here if you have corrected it please guide
@Roozikhan565
@Roozikhan565 5 месяцев назад
❤❤😊
@johnrobertreyes4450
@johnrobertreyes4450 3 месяца назад
Do you also have employee management system?
@zeinapissagaliyeva7336
@zeinapissagaliyeva7336 Месяц назад
when i tried to do login api and enter as admin, it doesnt work(
@LearnWithBuddha473
@LearnWithBuddha473 2 месяца назад
sir i am saving image url but image is not showing why ?
@RidersWant-qs9cz
@RidersWant-qs9cz 5 месяцев назад
is it a complete project? Can i use this for final cse year
@codewithyousaf
@codewithyousaf 5 месяцев назад
It will be completed If you can add other module also like student borrow, student management some other modules search for that.
@saqibameer3975
@saqibameer3975 2 месяца назад
ImageUrl is saved in mongodb but not display the image through
@codewithyousaf
@codewithyousaf 2 месяца назад
did you write this line app.use(express.static('public'))
@saqibameer3975
@saqibameer3975 2 месяца назад
@@codewithyousaf thanks for your help i have already resolved this issue url of image was wrong
@user-nw1rf5ub9y
@user-nw1rf5ub9y 12 дней назад
when i, logging in the proteted routs to the admin and than add student its 505 when im adding student without log its write the invalid admin so in sumery i have bug when im log to admin and than add student can u help me?
@user-nw1rf5ub9y
@user-nw1rf5ub9y 12 дней назад
sorry status 500
@wawamzing
@wawamzing Месяц назад
hello sir, i am having a trouble in student login, i cant login in student it is not working, i follow the step but it is not working. can you please help me
@codewithyousaf
@codewithyousaf Месяц назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@shivamanishreddy1732
@shivamanishreddy1732 Месяц назад
bro if u dont mind can we get github link where we can access code and make a project can u please
@codewithyousaf
@codewithyousaf Месяц назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@humairakhan9443
@humairakhan9443 3 месяца назад
I am not able to login as a student... earlier issue was resolved....now i am encountering new one...i have cross checked all the related code..for debugging i tried to print msgs in console even that is not working.. it's like when i try to login as a student..no action takes place. No navigation nothing... help please
@humairakhan9443
@humairakhan9443 3 месяца назад
It's okay..issue resolved!!!!🙄😅
@wawamzing
@wawamzing Месяц назад
hellow i cant login as a student too, how did you fix it, can you please help me? :
@wawamzing
@wawamzing Месяц назад
Hello sir, how can i add a new admin?
@wawamzing
@wawamzing Месяц назад
like how can i register new admin?
@humairakhan9443
@humairakhan9443 3 месяца назад
57:48 at this moment...m not able to get past it. I have followed each and every step of yours. But this error is not resolving in mine.
@codewithyousaf
@codewithyousaf 3 месяца назад
the dropdown default value should be admin. it will solve otherwise you should press it admin again like I did. If you need code I paste the link of repository.
@user-fs5lz3el6o
@user-fs5lz3el6o 4 месяца назад
Sir can you please provide the source code link.
@codewithyousaf
@codewithyousaf 4 месяца назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@user-fs5lz3el6o
@user-fs5lz3el6o 4 месяца назад
​@@codewithyousaf Thank you sir.... 😊
@ganeshj1065
@ganeshj1065 4 месяца назад
Any one completed this project?,its working well?
@ganeshj1065
@ganeshj1065 4 месяца назад
​​​@@anku3938 bro im in 1:56:38 till now every thing is running smooth
@ganeshj1065
@ganeshj1065 4 месяца назад
​@@anku3938your facing error after this?
@Karthi875
@Karthi875 2 месяца назад
yes
@Engineer-Wala
@Engineer-Wala Месяц назад
@@Karthi875 how can i add new admin
@alihassanhaji2830
@alihassanhaji2830 5 месяцев назад
The Source Code please 🙌🙌🙌😊
@codewithyousaf
@codewithyousaf 4 месяца назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@asher46
@asher46 День назад
what is the password u use for admin
@aswinnadh1790
@aswinnadh1790 День назад
adminpassword
@susilkumar1354
@susilkumar1354 5 месяцев назад
please upload source code
@codewithyousaf
@codewithyousaf 4 месяца назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@susilkumar1354
@susilkumar1354 4 месяца назад
@@codewithyousaf thank you bro
@ganeshj1065
@ganeshj1065 4 месяца назад
Can u please attach the source code ❤🙏🏻
@codewithyousaf
@codewithyousaf 4 месяца назад
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@ganeshj1065
@ganeshj1065 4 месяца назад
@@codewithyousaf and thanks sir i almost completed 80%(balance edit and delete book) of the project by seeing your video ♥️♥️👍🏻and i did some changes in style to make it unique Once i completed the Full project i will do comment and my feedback sir thank you 😌👍🏻
@binishabhattarai8895
@binishabhattarai8895 2 месяца назад
Sir is there crud used in this project ​@@ganeshj1065
@ManishKumar-uy4yp
@ManishKumar-uy4yp 4 месяца назад
I am unable to connect mongodb, I can't see the database name in database ..
@codewithyousaf
@codewithyousaf 4 месяца назад
You are using MongoDB compass or online
@engineering_council321
@engineering_council321 4 месяца назад
​@@codewithyousafmongodb compass
@anku3938
@anku3938 4 месяца назад
​@@codewithyousafMongoDB compass bro... But now it's connected..but then cookies does not store the tokens...please reply...
@codewithyousaf
@codewithyousaf 4 месяца назад
@@anku3938 Server side - CORS({origin, credential}) Front-end: Axios.defaults.withCredentals = true
@codewithyousaf
@codewithyousaf 4 месяца назад
@@anku3938 github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
Далее
Build & Deploy a MODERN Contact Manager with MERN Stack
2:01:37
Why Signals Are Better Than React Hooks
16:30
Просмотров 457 тыс.
My opinion on Angular 18 & React 19
9:47
Просмотров 48 тыс.
The Tools I Use to Build Products in Laravel
19:00
Просмотров 14 тыс.