shadeofdream / e-commerce-clone-project

e-commerce-clone-project

vscode-firebase

firebase

new project
project name->amazon-clone
google analytics(optinal)-> Not at the moment ✔️

click amazon-clone project
click </> (web) button

add app nickname-> amazon-clone
checked item-> "Also set up firebase hosting for this app"
click register app
next
npm install -g firebase-tools
go to console

in new terminal vscode

npm install -g firebase-tools

//sign in to google
firebase login
//initiate your project
firebase init
//deploy your web app
firebase deploy

go to sidebar and click settings button -> project setting
firebase sdk snippet choose config and copy code then go vscode
in src folder create a firebase.js file and paste code to the file
delete 3 file-> App.test.js , logo.svg , setupTests.js
clear div tag included code at App.js file and delet import logo.svg file line
clear App.css file in code
add code top index.css

• {
  margin:0;
  }
  create Header.js in src folder
  add plugin "VS Code ES7 React/Redux/React-Native/JS snippets" and "Prettier"
  in Header.js write "rfce" click enter button
  create Header.css
  

HEADER

logo -search - little picture

vscode

npx create-react-app amazon-clone
cd amazon-clone
npm start