Welcome to my React and Node tutorial to build a fully-functional e-commerce website in 5 hours. Open your code editor and follow me for the next hours to build an e-commerce website using React and Node.JS.
- HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
- React: Components, Props, Events, Hooks, Router, Axios
- Redux: Store, Reducers, Actions
- Node & Express: Web API, Body Parser, File Upload, JWT
- MongoDB: Mongoose, Aggregation
- Development: ESLint, Babel, Git, Github,
- Deployment: Heroku
- Watch React & Node Tutorial
Table Of Content:
- Part 01- Introduction
- Part 02- Create Home Page Template (HTML, CSS)
- Part 04- Create React App (React)
- Part 05- Create Shopping Cart (React)
- Part 06- Build Backend (Node)
- Part 07- Connect to Database (MongoDB)
- Part 08- Manage Products
- Part 09- Register and Sign-In
- Part 10- Checkout Form
- Part 11- Create Order
- Part 12- Manage Order
- Part 13- User Profile
- Part 14- Search and Sort Products
- Part 15- Comment and Rate Product
- Part 16- Publish on Heroku
Let's skim through the above parts that I am going to share with you in the next articles. Please leave your comments to let me know if they are along with your needs or not.
Be online on my youtube channel this Wednesday 26 Feb at 9:30 pm EST to participate in my online class and see how Amazona will be designed.
It gives you an overview of the tutorial to build an eCommerce website like Amazon.
In this part, you create a web template for the eCommerce website. We start by installing development tools. VS Code is the code editor and Google Chrome is the web browser that we use throughout this tutorial.
We will create a hamburger menu that shows and hide the sidebar. Also, we design the details page of the products.
This part is about the frontend. We use React library to build the UI elements.
When you add a product to the cart we need to redirect the user to the shopping cart page to update or remove items from the cart.
In this part, we will create a MongoDB database and save and retrieve the admin user.
Admin should be able to define products and update the count in stock whenever they like. This page is about managing ECommerce products.
We need to register the user before redirecting them to the checkout. In this part, we will create forms for getting user info and save them in the database.
In this part, we implement the checkout wizard including sign in, shipping info, payment method, and place order.
After placing orders by users we need to save them in the database and process the orders.
Admin needs to check recent orders and process them. This part shows a list of products.
In this part, we create a user profile page to update user information including name, email, and password.
Users should be able to filter products and sort them based on price and time.
In the end, we need to publish the website on the internet. In this part, we will publish on the Heroku but the same steps apply for other cloud servers.
In this tutorial, you will make an eCommerce website like Amazon. We will walk through all steps and get to know all the tools and skills to build this website. Please share your thoughts here.