Skip to content

Projeto feito durante o curso de Bootstrap 4 da Origamid. Para mais informações, leia o README. ✈️

License

Notifications You must be signed in to change notification settings

mhsouza88/caravan

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

⚛️ᅠ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)

Imagem 01
Home
Imagem 02
Home (continuação)
Imagem 03
Home (continuação)
Imagem 04
Locais (Califórnia)
Imagem 05
Planos
Imagem 06
Contato
Imagem 07
Responsividade
Imagem 08
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
Maria Helena Souza


⬆ᅠ Voltar para o topo