React Project Six: Build an eCommerce Shop


Not CompletedCreating the Order Review Component and Route

All right welcome back to the course. In this video we're going to start building out the order review component.

Not CompletedHow to Make HTML Text Less Fuzzy with CSS Font Smoothing

All right welcome back of course. So I want to show you a cool way we can basically make this text appear a little bit clearer and closer to our design.

Not CompletedBuilding the Review Form Buttons

All right welcome back to the course. So in this video what we're going to do is we're going to build out the form without the products okay, so we're going to build out this entire form basically, or this bottom part at least.

Not CompletedImplementing CSS Grid into the Review Form Component

Okay, so we have this component built here. What we need to do now is we need to align it on a grid okay.

Not CompletedBuilding the Order Review Products Component

All right welcome back. Let's go ahead and take a look at our application.

Not CompletedBuilding the Review Product Component

All right welcome back to the course. Let's go ahead and look at our application and let's see what it looks like.

Not CompletedCreating the Order Review Product Grid

All right welcome back. Let's go ahead and style that component now.

Not CompletedImplementing the Products Legend with Border

All right cool, so we got this all implemented right. We only need one more thing in here, actually two because we need the details. But one more thing to finish off the products and it's this top line up here with the name, quantity, and price.

Not CompletedBuilding the Review Form Details Component

Alright, so we've built that. We have one more component we need to build for this form. And it's the subtotal tax shipping total kind of details component.

Not CompletedHow to Calculate the Subtotal of an Order

Alright, welcome back to the course. So we just got those details right, so let's go ahead and go into our application here.

Not CompletedInformation Components Payment and Shipping Setup

Alright welcome back to the course. So we only have a couple more things to do in this course before we are done with the frontend side of it.

Not CompletedJSX Structure for the Shipping Form

Hi, and welcome back to the course. In this video we're going to build out the shipping address form and we will do it pretty quick since we've done this all before.

Not CompletedLaying Out Form Fields on a CSS Grid

Hi, welcome back to the course. Let's go ahead and lay out our components here on our grid now. We've built the shipping address and the shipping address form, we just need to build a grid and lay it out.

Not CompletedBuilding Multiple Components in One File in React

Hi, and welcome back to the course. So what we need to do in this video is add in the order summary component.

Not CompletedFinalizing the Shipping Form Component

Hey there, welcome back to the course. In this video we are going to place this shopping cart and calculate it and basically finish off the entire component shipping address.

Not CompletedHow to Build a Payment Form

All right welcome back to the course. This is going to be a really quick video, well maybe not really quick but we're going to get everything done in here.

Not CompletedBuilding the Shipping To Component

Welcome back, let's go ahead and get the last piece of JSX in here, we wanna get this last little component in here.

Not CompletedWorking with Sign In Data

Alright, hey there and welcome back to the course. Let's go ahead and implement one more feature called the signin.js feature.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.