Projeto | Seções | Tecnologias | Executando o projeto | Desenvolvedor
"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
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;
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
git clone https://github.com/micheldslive/front-picinguaba.git
yarn install
yarn start
yarn build
O servidor estará disponível no http://127.0.0.1:3000 em seu navegador
 Michel Domingos |
 Guilherme Campbell |