/app-portfolio-personal

Portfolio Responsivo BootStrap

Primary LanguageJavaScript

Font-End

1 - Setup inicial ambiente do Front-End:

  • Criando uma Pasta front-end;
mkdir BootStrapResponsive
  • - Entrando na pasta;
cd BootStrapResponsive
  • - Rodando o comando npx que cria a estrutura de pastas e arquivos do front-end;
npx create-react-app app-bootstrap-one

1.1 - Configurações iniciais do ambiente React/Bootstrap:

-[x] -[Acessando a documentação do BootStrap].(https://getbootstrap.com.br/)

Acessando documentação

Dentro da pasta public criada pelo comando npx crete-react-app tem um arquivo index.html onde iremos colar a biblioteca do BootStrap na versão compacta conforme ilustrada logo abaixo: link CDN index carrega estilo bootstrap docs js index js

1.3 - Ferramentas e pacotes que utilizaremos no desenvolvimento da aplicação(Front-End):

  • - axios: ^0.26.1 ;
 npm i axios
npm install react-icons --save

import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}
  • - react-router-dom: ^5.3.1;
 npm i react-router-dom
 npm i react-toastify

Uma lib que te por propósito tornar mais simples o processo de exibir notificações para o usuário.