***How to Build

first of all create react app npx create-react-app <app_name>, after that make a project on firebase by the name of <app_name> for backend purposes.

move to the project directory cd <app_name> and start the react package npm start

register your <project> on fire base as web

install firebase-tools npm install -g firebase-tools goto project settings in firebase settings, and select config radio button and copy the config code and paste it into src/firebase.js

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "AIzaSyAyQXDbroYMR2V4FORIb1UdDc22K5Dw5RU",
  authDomain: "clone-4cb1b.firebaseapp.com",
  projectId: "clone-4cb1b",
  storageBucket: "clone-4cb1b.appspot.com",
  messagingSenderId: "648702785388",
  appId: "1:648702785388:web:09f8c365d4c113373ae549",
  measurementId: "G-PGJ2ZPT133"
};

Now let's build...will back to Firebase later

clean your code by deleting App.test.js, logo.svg, setupTest.js and also clean App.css, App.js, Index.css

//src/App.js
import './App.css';
import React from 'react'

function App() {
  return (
    <div className="App">
      <h1>Hello world, Let's build Amazon Clone</h1>
    </div>
  );
}

export default App;

Installing React-bootstrap npm install react-bootstrap [email protected] importing bootstrap CSS import 'bootstrap/dist/css/bootstrap.min.css';