Projeto   |    Seções   |    Tecnologias   |    Executando o projeto   |    Desenvolvedor

---

💻 Projeto

"Projeto final do Gama Experience #39. A proposta foi desenvolver um guia turístico navegável sobre a Vila Picinguaba, com dicas sobre acomodações, roteiros, eventos e pontos para alimentação, mostrando um pouco de tudo que a Vila tem a oferecer. Vila Picinguaba em tupi-guarani significa, “refúgio dos peixes”. Picinguaba está localizada em uma tranquila baía no coração do Parque Natural da Mata Atlântica – floresta tropical e costeira, que se estende entre o Rio de Janeiro e São Paulo.

👀 Pré-visualização do Projeto: https://vilapicinguaba.vercel.app/

API do Projeto: https://api-picinguaba.herokuapp.com/

Repositório da API: https://github.com/GuilhermeGilCampbell/API_Picinguaba

---

📌 Seções

Site composto por 6 seções:

• Página inicial Página incial do site;
• Alimentação: Página falando sobre os pontos de Alimentação da Vila;
• Acomodação: Página falando sobre os pontos de Acomodação da Vila;
• Roteiros: Página indicando os melhores Roteiros da Vila;
• Eventos: Página falando dos eventos mais importantes na Vila;
• Detalhes: Página de detalhes dos eventos, roteiros, pousadas e restaurantes da Vila;
• 404: Página de erro que será exibida quando o endereço for inexistente;

---

🚀 Tecnologias utilizadas

Esse projeto foi desenvolvido com as seguintes tecnologias e suas dependencias:

• ReactJS
  • react-bootstrap - para reponsividade do website e divisão de colunas
  • react-helmet-async - para administrar dinamicamente o Head das páginas
  • body-scroll-lock - para ativar / desativar o scroll vertical(Y) da página
  • styled-components - otimiza a estilização do documento voltada a React
  • react-router-dom - para criar rotas para as páginas desejadas
  • axios - para consumir a API do banco de dados
  • gsap - efeitos especiais no layout

---

▶️ Executando o projeto

Clone o repositório usando o seguinte comando ou baixe

git clone https://github.com/micheldslive/front-picinguaba.git

Para instalar as dependências

yarn install

Para iniciar o servidor

yarn start

Para construção de produção

yarn build

O servidor estará disponível no http://127.0.0.1:3000 em seu navegador

---

💘 Desenvolvedores

Michel Domingos

Guilherme Campbell