E-commercer Furniture

Pré-Requisitos.

React.js, Node.js, Redux, Toolkit, Firebase v9.

Node.js

• Site: https://nodejs.org/en/

React.js

• Site: https://pt-br.reactjs.org/

Ferramentas do programador.

Visual Studio Code

• Site: https://code.visualstudio.com/download

Criação do projeto

• Criar o projeto React.js
• Documentação: https://pt-br.reactjs.org/docs/create-a-new-react-app.html
• Project React

npx create-react-app my-app

Dependência

• Adicionar as dependências no arquivo package.json

"dependencies": {
    "@reduxjs/toolkit": "^1.8.5",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "bootstrap": "^5.2.1",
    "framer-motion": "^7.3.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-redux": "^8.0.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "5.0.1",
    "reactstrap": "^9.1.4",
    "remixicon": "^2.5.0",
    "web-vitals": "^2.1.4"
  },

• Adicionar as dependências no arquivo package-lock.json

"dependencies": {
        "@reduxjs/toolkit": "^1.8.5",
        "@testing-library/jest-dom": "^5.16.5",
        "@testing-library/react": "^13.4.0",
        "@testing-library/user-event": "^13.5.0",
        "bootstrap": "^5.2.1",
        "framer-motion": "^7.3.2",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-redux": "^8.0.2",
        "react-router-dom": "^6.3.0",
        "react-scripts": "5.0.1",
        "reactstrap": "^9.1.4",
        "remixicon": "^2.5.0",
        "web-vitals": "^2.1.4"
      }

• node_modules

npm install

Rodar o projeto

npm start

• Criar a pasta pages dentro de src
• Criar pages: Home, Cart, ChechOut, Shop, ProductDetails, Signup
• Criar a pasta routers dentro de src
• Criar a routes: Routers.js
• Criar o componente Header
• Criar o componente Footer

• By: Daniel Oliveira

  • Instagram - https://www.instagram.com/danieloliv3/
  • Facebook - https://web.facebook.com/danielsapup3/
  • Twitter - https://twitter.com/danielsapup3/
  • Linkedin - https://www.linkedin.com/in/danielsapup3/