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
It gives you an overview of the tutorial to build an eCommerce website like Amazon.
You need to install a code editor and a web browser to start web development. In this part, we will prepare the environment to start coding.
We will create a list of products as static HTML elements.
This part is about the frontend. We use React library to build the UI elements.
In this lesson, we use React Hooks to fetch data from the server. We use the axios library to do this job in a modern async/await style.
When it comes to handling multiple forms with their data nothing is better than state management. We use Redux in this lesson to handle complex state and keep the app behavior predictable.
In this part, we move the details page state to Redux. First, we create reducers then define actions and connect them to the details component.
This lesson is about persisting data on the MongoDB database. We use mongoose package to create models and save and retrieve data from the database.
In this tutorial, we have made an eCommerce website like Amazon. Feel free to change this project based on your needs and add it to your portfolio.
Also, I will love to hear your comment about this React and Node tutorial. Please share your thoughts here.