Amazon_clone_react

Arun100203
4

Here I have done a clone website of Amazon using React and authorized with Firebase. Through this project, I have learned a lot about React with Redux, Authorization with Firebase and Style with Tailwind CSS.

#firebase #html #javascript #jsx #reactjs #redux #rendering #tailwindcss

Demo Download

Amazon clone react

Hello guys, Here I have done a clone website of Amazon using React and authorized with Firebase. Through this project, I have learned a lot about React with Redux, Authorization with Firebase and Style with Tailwind CSS.

Getting Started with Create React App

This project uses Tailwind CSS for styling elements and It uses redux state management, There is no perfect state management solution, Redux maintains Centralized state management so for this I choose redux. Let's get started with the Project.

Available Commands

Add the node modules to your project:

npm install

use this command if you get an error:

npm install -g npm

While running your project till you get an error as 'react-scripts' is not recognized as an internal or external command then use:

npm install react-scripts --save

for Installing Tailwind CSS:

npm install -D tailwindcss
npx tailwindcss init

Add the Redux Toolkit and React Redux packages to your project:

npm install @reduxjs/toolkit react-redux

for connecting with Firebase:

npm install firebase react-router-dom react-firebase-hooks

for installing Firebase tools:

npm install -g firebase-tools

If you are hosting with Firebase, then use the following commands: First, we will initialize a Firebase project in our React app by running the following command in the console in our root directory. Authorize your Project details in Firebase.

firebase init

Select Hosting from the options provided.
Select the Use an existing project option.
As the build folder of react apps is generated in the build folder by default, we will use the same as our public directory.
Type y as we want to configure our app as a single-page app.
The initialization is complete, now we just need to run a few commands and our application will be ready to go.
Now we will run the following command to build our react app.