In-Depth MERN Tutorial: Building a Bookstore Management System with MongoDB, Express, React, Node.js
Вставка
- Опубліковано 4 лип 2024
- 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
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 👌🙏🙏🙏
thank you for helping me link my frontend to the backend, very encouraging
Good content, please don't stop posting, Teach firebase and other advanced stuffs ♥🔥✨
Loved this 🔥🔥
keep continue thanks a lot
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 👍🏻👍🏻
you doing very well, can u also make more complex project pleas
Is it possible to add a register/signup for that code?
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
I am also unable to connect mongodb, I can't see the database name in database... Please explain 👀🥹
i am confused when did you set the password for admin. or you just set when logged in
We have two tables then how to get results in without sql
Do you also have employee management system?
sir i am saving image url but image is not showing why ?
when i tried to do login api and enter as admin, it doesnt work(
❤❤😊
I am unable to connect mongodb, I can't see the database name in database
Same here if you have corrected it please guide
is it a complete project? Can i use this for final cse year
It will be completed If you can add other module also like student borrow, student management some other modules search for that.
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?
sorry status 500
ImageUrl is saved in mongodb but not display the image through
did you write this line app.use(express.static('public'))
@@codewithyousaf thanks for your help i have already resolved this issue url of image was wrong
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
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
bro if u dont mind can we get github link where we can access code and make a project can u please
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
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
It's okay..issue resolved!!!!🙄😅
hellow i cant login as a student too, how did you fix it, can you please help me? :
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.
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.
Hello sir, how can i add a new admin?
like how can i register new admin?
what is the password u use for admin
adminpassword
Sir can you please provide the source code link.
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@@codewithyousaf Thank you sir.... 😊
Any one completed this project?,its working well?
@@anku3938 bro im in 1:56:38 till now every thing is running smooth
@@anku3938your facing error after this?
yes
@@Karthi875 how can i add new admin
The Source Code please 🙌🙌🙌😊
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
please upload source code
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@@codewithyousaf thank you bro
Can u please attach the source code
❤🙏🏻
github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack
@@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 😌👍🏻
Sir is there crud used in this project @@ganeshj1065
I am unable to connect mongodb, I can't see the database name in database ..
You are using MongoDB compass or online
@@codewithyousafmongodb compass
@@codewithyousafMongoDB compass bro...
But now it's connected..but then cookies does not store the tokens...please reply...
@@anku3938
Server side - CORS({origin, credential})
Front-end: Axios.defaults.withCredentals = true
@@anku3938 github.com/YousafKhan1/MERN-Stack/tree/main/Book%20Store%20MS%20using%20MERN%20Stack