⚛️ﾠSobre
Projeto feito durante o curso de Bootstrap 4 da Origamid. A Caravan é uma empresa fictícia que oferece planos de viagens a preços interessantes. O site não possui backend, porém com um pouco de JavaScript eu consegui simular algumas funcionalidades (por exemplo: quando o usuário clica no botão "enviar" de um dos formulários ele recebe uma mensagem dentro de um span que avisa que o conteúdo foi "enviado com sucesso"). Outra coisa que vale a pena mencionar é o fato de que o curso foi de Bootstrap 4 porém eu utilizei o React-Bootstrap 5 junto com o React.js para este projeto. Adicionei alguns elementos extras também (como um Scroll to Top e o React-router-dom).
🔗ﾠLink
- Caravan
🛠️ﾠTecnologias
- React.js (v17.0.2): React é uma biblioteca JavaScript para construção de interfaces de usuário.
- Bootstrap (v5.1): Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript.
- React-Bootstrap (v2.0.0-rc.1 - Bootstrap 5.1): O React-Bootstrap é uma biblioteca que oferece os componentes Bootstrap construídos em React.
- React-router-dom (v5.3.0): O React Router é uma biblioteca do React que permite a navegação entre diversas partes da aplicação, como páginas.
🖼️ﾠImagens (clique em cima da imagem para vê-la em tamanho maior)
Home |
Home (continuação) |
Home (continuação) |
Locais (Califórnia) |
Planos |
Contato |
Responsividade |
Responsividade |
💻ﾠPré-requisitos
Antes de começar você vai precisar ter instalado em sua máquina as seguintes ferramentas: o Git e o Node.js. Além disso, é bom ter uma IDE para trabalhar com o código. Eu recomendo o VSCode.
🚀ﾠRodando o projeto
# Clone este repositório
# HTTPS
$ git clone https://github.com/mhsouza88/caravan.git
# SSH
$ git clone git@github.com:mhsouza88/caravan.git
# CLI
$ gh repo clone mhsouza88/caravan
# Acesse a pasta do projeto no terminal
$ cd ./caravan
# Instale as dependências
$ npm install
# Para iniciar o projeto
$ npm run start
# O servidor inciará na porta:3000 - acesse <http://localhost:3000>👩🏻💻ﾠDesenvolvedora
Maria Helena Souza |
