Build 🚀 Full Stack Book Store Application | React , Node JS , Express JS, Mongo DB, Tailwind CSS

[@yashksaini]

00:03 Building a user-friendly book store application with React, Node.js, Express.js, MongoDB, and Tailwind CSS. 02:00 Implementing user authentication and profile creation. 06:00 Adding books to cart and managing orders 07:53 Managing orders and book details in the admin panel 12:05 Setting up front-end and back-end files in the project. 14:14 Building a full stack book store application using React, Node JS, Express JS, Mongo DB, and Tailwind CSS. 18:53 Setting up database connections with MongoDB in the application. 20:54 Setting up and deploying the database 24:56 Creating user schema in MongoDB for Book Store Application 26:56 Roles and creating arrays for favorites and orders 31:13 Configuring default order status and type 33:37 Creating models and schemas for the bookstore application. 37:51 Handling User Input Validation 39:58 Checking and handling existing usernames in the database 44:26 Creating and saving new user data in the database 46:50 Creating a Book Store Application involves error troubleshooting and API handling 51:15 Securing user passwords using encryption 53:25 Creating login API with encryption 57:46 Implementing user authentication and handling invalid credentials 59:44 Using JWT for authentication and authorization 1:04:00 Setting up admin user authentication and access 1:06:13 Implementing authentication token for requests 1:10:33 Implementing user authentication and retrieving user information 1:12:51 Handling authorization and access control 1:17:19 Address updated successfully 1:19:20 Creating and saving new book model in database 1:23:31 Building a Full Stack Book Store Application using React, Node JS, Express JS, Mongo DB, and Tailwind CSS. 1:25:40 Implementing authorization using Bearer token 1:29:59 Updating book details and response handling 1:32:13 Building a Full Stack Book Store Application using React, Node JS, Express JS, Mongo DB, and Tailwind CSS. 1:36:13 Creating and testing the Get All Books API 1:38:38 Setting up API for fetching recent book details 1:42:19 Setting up routes and authentication for a user in the API development process 1:44:21 Updating user schema and authentication token for book favorites 1:48:48 Adding and deleting books from favorites 1:50:54 Deleting a book from favorites involves user authentication and ID verification. 1:54:45 Developed and tested full stack Book Store Application 1:57:00 Creating and managing API for book store application. 2:00:58 Managing book removal and cart functionality in Full Stack Book Store Application 2:02:47 Creating and handling user carts for book orders 2:06:43 Using for loops to handle creation of orders with specific data 2:08:35 Creating new orders and handling user data. 2:12:11 Implementing Order History Functionality 2:14:02 Developing Admin Roles in Full Stack Book Store Application 2:17:53 Setting up the front end for the book store application 2:19:35 Building a full stack bookstore application using React, Node JS, Express JS, MongoDB, and Tailwind CSS 2:23:30 Installing React Router Dom and Redux for state management 2:25:21 Building and integrating components in the application. 2:29:48 Implementing and styling the book logo 2:31:45 Creating and managing links and titles in the bookstore application. 2:35:27 Creating Login and Sign Up buttons 2:37:20 Implementing user authentication and styling with hover effects. 2:41:31 Creating home folder and components 2:44:13 Creating a button in the Book Store Application using React DOM 2:48:41 Center text alignment and image placement discussed 2:50:43 Setting up images and styling for the website 2:55:09 Setting up routes for different pages 2:57:23 Creating links and buttons in the application 3:01:47 Creating and styling buttons in React 3:04:02 Styling effects on text and div elements with hover 3:08:36 Styling enhancements and setting margins for Book Store Application UI components. 3:11:05 Creating mobile navigation and handling state 3:16:18 Implementing mobile responsive design with Flexbox in the Book Store Application 3:18:37 Adjusting CSS properties for centering elements 3:23:48 Handling visibility of buttons in navigation bar 3:25:53 Using useEffect and dependency array in React 3:30:54 Data transfer and display management in Full Stack Book Store Application 3:32:57 Understanding data mapping and handling errors in React 3:37:01 Setting up background image and adjusting size 3:39:22 Styling and customization tips for book store application 3:43:44 Implementing a custom loader for data loading 3:46:07 Discussion on recent book additions 7:56:57 Building a full stack bookstore application using React, Node.js, Express.js, MongoDB, and Tailwind CSS

[@sahilalam2647]

Bro, that was one of the best tutorials I've seen so far. The way you explained each and every functionality so precisely and perfectly is truly appreciated. Thanks a lot, and please keep posting more videos, bro!🖤

[@sakshishetty7223]

Hy .can you help me in adding books

[@sahilalam2647]

@@sakshishetty7223 yes i can help .........What issue are you facing?

[@ranjeetsinghtharu5375]

Bhai kya Tutorial bawnaya hai!,,,,,,This is helpfull,,,,,we need more!

[@thecodemasterofficial]

🚀thanks alot keep growing 💗

[@krishpatel3738]

In this project can we change the address after login or sign up ??

[@thecodemasterofficial]

Yes

[@krishpatel3738]

Can we cancel the order after the order placed ?

[@UniqueFun-sz8kj]

Do u have used their redux toolkit or not.if not then why u make this project more complicated. Why u not use redux.can u explain

[@thecodemasterofficial]

I have used redux please check video

[@josbexerra8115]

Muchas gracuas Mister Mastert por el excelenter tutorial....

[@nik10-g7g]

thank you sir apke karan internship lag jayegi bas sir ek question h ki kya apne isme redux ya context api use kiya h or user roles to localstorage me saved h to usme redux use karsakte h

[@thecodemasterofficial]

Yes, redux is used in this

[@harshalgayakwad9563]

Thank you Sir 🙏

[@vrfEducationEnglish]

super super cool man. Thanks

[@waghmarepallavi1834]

i am getting issuse with thunderclient wt else can i use

[@asthasingh1371]

Sab books ki link konse file mein daalna hai

[@sandeepmaurya1694]

great sir , just found your channel , subscribe you kal se start krunga ye wala project , please aap asie or vdo laao thank you so much

[@vaibhavsalode6646]

Git link please

[@akashpandit7593]

Sir, can you please add all the timestamps till the end of video ❓ It will be very helpful 🙏🏼

[@thecodemasterofficial]

Ok sure

[@ROHITSharma-og5jd]

sir atleast payment gateway add kr do everyone want that ki payment gateway or ho jaye

[@lalitkumarshahi]

Try to add stripe payment gateway . It is simple and have test values

[@gayatrideo7778]

sir woo aap sign up kaha check kar rahe ro ?

[@thecodemasterofficial]

What u want to check ?

[@SK-yv3yg]

Sir where to purchase code from?....where to connect plz tell

[@thecodemasterofficial]

Pls msg me on instagram

[@thecodemasterofficial]

Or you can connect me on telegram

[@SK-yv3yg]

Sir telegram id?

[@eron7850]

iske assets bhi provide kr dete toh kafi help hon jati

[@sakshishetty7223]

Book is not adding to the database... Error: image required.. If anyone knows .. what is the error..then please guide me!

[@arokaizo]

Can you specify language used as Frontend language nd for backend seperately

[@thecodemasterofficial]

Frontend : React Js Backend : node Js , Express Js Database : Mongo DB

[@arokaizo]

@@thecodemasterofficial thanks u very much

[@arokaizo]

@@thecodemasterofficial bhai second part bhi ayega ya nahi mtlb usme invoice purchase billing part ye sab??

[@komalsharma8524]

aapke code se ye pura project banaya mene par is project me delete button or place your order button kam nhi kar rha hai kya aap help kar skte h isme

[@thecodemasterofficial]

Please DM on instagram

[@InnocentBoat-by7ho]

Brother isme ek problem h shayad agar m localstorage m jakr apna role admin kr du to m admin jesa work kr pa rha hu jb ki ye nhi hona chahiye

[@thecodemasterofficial]

U can use redux to store

[@ranjeetchoudhary8820]

It is not mentioned in it that how to group admin role and when I am doing end and then adding book then internal server error is coming please explain it.

[@TarunDaharwal-v5e]

+1

[@tarunsahu1366]

did you use redux?

[@thecodemasterofficial]

Yess

[@palakrajput247]

I am not able to place order ..when i click on place order then it navigate me to the page of order history but does not show order and orders are also not storing in the database ...can someone help me to figure out this?

[@jagdishjena9058]

source code ka cost kitna hein?

[@thecodemasterofficial]

Please DM on instagram

[@niteshprajapat7918]

Nice project 🎉🎉

[@thecodemasterofficial]

Thanks a lot 😍

[@sandeepmaurya1694]

sab youtuber free me source code provide krte he sir , aap nhi de rhe ho best but diye rehte to or better rehta , log isi bahane practice b kr lenge , but kahi atak gye to source code kaam aata

[@thecodemasterofficial]

Thanks , you can buy source code because the codes are written by spending a number of hours, so we are just having minor fees for it

[@poojayu9100]

Who all saw this full 8hr:8Min video. Hit the like.

[@addictiveguitarist6811]

Me

[@chillkro25]

Did you code the whole project ?

[@rezwanulhaque9935]

pls give image link

[@anzamuneebkhan1980]

Bhai ap code ni dy like code with harry ap teaching achy kar ty ho kindly source complete

[@thecodemasterofficial]

I am making major projects for college level and resume level 🚀

[@RahulKumar-ic4uw]

Nice ❤

[@thecodemasterofficial]

🤗🤗

[@subhamDas-q3w]

Nice work Bro! Please add Payment Get Way❤

[@thecodemasterofficial]

Sure

[@adilaarshad4859]

Where are the assets of this project??

[@thecodemasterofficial]

Codes are paid u can buy

[@adilaarshad4859]

Code is paid but you should atleast provide the assets to follow again

[@esco0p210]

Update Book and DeleteBook ka route thunderclient me work kar raha but database me changes show nhi horahe hai kya karu

[@meditationalmusic610]

debug karo bhai... aur kya kartay hain? use console.logs to know the flow of code, and see if any issues.

[@esco0p210]

@@meditationalmusic610 bhai kara maine try console bhi kara, kaam kar raha data jaraha but fir bhi issue araha hai

[@divyanshshrivastav467]

React 15 haj ya 14

[@MiteshKukadiya-h1x]

Ye query kaha pe likh rahe ho vo batao

[@thecodemasterofficial]

Which query ?

[@MiteshKukadiya-h1x]

Vs code me extantion ke niche ke do symbol kya he

[@MiteshKukadiya-h1x]

Sir vo symbol kese laye vo batana

[@agoswami2438]

Bookiid direct use not explain

[@fahadkabooroo7395]

❤❤❤

[@asiffaizi]

Can i get the source code

[@thecodemasterofficial]

DM us on instagram

[@zenithsomining820]

21:00

[@KanhayaPandey-xf2uu]

bro can you share the source code of this project

[@thecodemasterofficial]

Yes please DM me on instagram

[@worldofgaming748]

Use obs instead of bandicam

[@thecodemasterofficial]

Yes sure

[@Yarkaha]

You got here 8 hour video and you can’t even give git repo link 😂 😂

[@thecodemasterofficial]

Yes bcz making these videos are not an easy task 🥲

[@Yarkaha]

@@thecodemasterofficial I know creating tutorial videos is a daunting task, put the link your channel will grow.

[@46nikhilnayan87]

Source code please??

[@thecodemasterofficial]

Please contact us on instagram

[@QuangLeChau]

where is the source code

[@thecodemasterofficial]

Source codes are paid you can DM or join the channel to get source codes

[@arupde6320]

where is github ??

[@thecodemasterofficial]

Source codes are paid

[@ROHITSharma-og5jd]

sir isme payment intigration , email or contact verification, or address shi dala h ya n ye add kr skte ho or better ho jega project

[@thecodemasterofficial]

It's already of 8 hours 😆 ye SB daal di 12 hrs tk chla jayega

[@thecodemasterofficial]

But you can add these things on ur own bases

[@ROHITSharma-og5jd]

@@thecodemasterofficial part 2 bna k intigrate kr do if possible sir plz kr do thoda project ka weitege or bdh jaega practical show krna teacher ko

[@ROHITSharma-og5jd]

@@thecodemasterofficial aapke liye ye easy h krna jldi kr skte ho aap ye

[@TechInfo-cb7yj]

Bro can you please give me source code?

[@thecodemasterofficial]

Dm us on instagram

[@arpitgupta5607]

source code?

[@thecodemasterofficial]

Please DM me on instagram

[@adnanshahriar4062]

Can someone please help me with vercel deploy

[@thecodemasterofficial]

Deployment video is uploaded u can check with netlify and render

[@JimohSegun]

Pls , in English would have being better

[@villagecooking1840]

source code plz

[@thecodemasterofficial]

Please DM me on instagram

[@allahsblessings1072]

Source code please

[@thecodemasterofficial]

Source codes are paid

[@iqraaslam1923]

@@thecodemasterofficial price and how to buy

[@abhii9626]

Payment,varification, address ye sb v include kr do sir part 2 me 🥺 please

[@thecodemasterofficial]

I will make another project for that

[@vaibhavsalode6646]

Source code link

[@thecodemasterofficial]

Source codes are paid

[@viran0021]

How much?

[@TheEditor-ff9nq]

Sir...Is this responsive?

[@thecodemasterofficial]

Yes

[@ROHITSharma-og5jd]

part 2 bna k intigrate kr do if possible sir plz kr do thoda project ka weitege or bdh jaega practical show krna teacher ko🥲

[@thecodemasterofficial]

Bhai this project is just this much we can talk on insta for this if u want me to integrate it just for u

[@hamidiqbal1772]

Bro isn't it responsive?

[@thecodemasterofficial]

It's responsive

[@Krishnateja_krish]

Please provide the source code link

[@thecodemasterofficial]

DM me on instagram

[@prishadoshi3285]

Getting a error TypeError: Cannot read properties of null (reading '_id') at AllOrders.jsx:98:58 at Array.map at AllOrders . the console.log from the get-all-orders and update-status shows null for book but shows createdAt and order placed. (5) [{…}, {…}, {…}, {…}, {…}] 0 book: null createdAt: "" status: "Order Placed" updatedAt: "" user : address : "xyz"... How to fix it?

[@prishadoshi3285]

@7:44:17

[@thecodemasterofficial]

Check u have populated function at the backend or not, to populate books

[@prishadoshi3285]

@@thecodemasterofficial Thanks. even checked the schemas. Also the console does not show null for all books. For last book the book details _id,..etc is displayed in the console. Can't figure out the problem....

[@waghmarepallavi1834]

Can I get the source code

[@thecodemasterofficial]

Please DM