Skip to content

vicio-code/Projeto_Bussola

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Projeto Bussola

Minha primeira tentativa em executar o projeto para a Bussulo do Investidor.

Para executar clone o repositorio. CD para a pasta e NPM start

Conceito

A ideia inicial do projeto foi criar uma aplicação single page, utilizando React, React Router e MDBstrap. Seria uma pagina listando os estudios de tatuagem de Belo Horizonte e os artistas de cada estudio. Cada estudio teria uma pagina e a pagina de cada estudio linkaria os tatuadores. As informações sobre cada estudio e tatuador viriam da API do Instagram.

Execução

Primeiro eu criei uma pagina inicial com uma navbar que linkasse a pagina de cada estudio. Depois disso fiz o Route de cada pagina. O proximo passo seria criar um componente que seria um card com a informação do estudio. Esse card teria um titulo, avatar, link para intagram e as primeiras fotos do intagram de cada estudio. As informações seriam pegas atraves da API.

Desafios

Meu primeiro desafio foi a API do Instagram, conseguir acesso a ela se mostrou muito mais complcicado do que o esperado. Tentando sulucionar esse problema eu escobri o site web.stagram. Nesse site todas as informações nescessarias estão no html de cada pagina. Mas logo eu descobri que não sabia como ler e pegar as informações que eu queria do codigo fonte da pagina. Para continuar avançando o projeto, resolvi criar um arquivo JSON manualmente, ele não teria as medias mais recentes porem resolveria meu problema. Logo descobri que meu conhecimento de react era limitado de mais para fazer o que eu queria. Mesmo pesquisando na internet não consegui criar um componente que conseguisse pegar os dados que eu queria do DOM.

Por fim, decidi tentar algo mais simples.

About

Primeira Tentativa

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published