Skip to content

olirodrigues/react-projeto-chefao-xp40

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


💻 Projeto

Imagem Home-page

Após uma investigação do cenário atual sobre o consumo de conteúdo sobre plantas, decidimos explorar quais são as principais necessidades e razões desta pesquisa pelo público. Chegamos a uma conclusão de projetar uma vitrine de plantas fácies de cuidar e de importância decorativa.

Você visualizar o projeto clicando aqui!

Você pode acessar o repositório da API clicando aqui!

Você pode acessar o prototipo do Figma clicando aqui!

👩‍💻 Tecnologias

  • React.JS - Desenvolvimento do macro da aplicação;
  • CSS3 - Estilizações e animações dos componentes;
  • React Router - Implementações des rotas no projeto;
  • React Responsive - Renderização condicional conforme os dispositivos homologados;
  • Framer Motion - Animação do componente de loading;
  • Axios - Integração da API Rest.

📱 Dispositivos

A aplicação foi desenvolvida no formato PWA, operando nas seguintes dimensões de telas:

  • Desktop: 1270x720px
  • Tablet: 1024x1366px
  • Celular G: 480x912px
  • Celular M: 375x667px

🚀 Instalação e Execução

Você pode executar o projeto localmente através dos seguintes passo:

1 - Clone o repositório com o seguinte código:

  git clone https://github.com/olirodrigues/react-projeto-chefao-xp40

2 - Acesse a pasta do projeto via terminal e então execute o código abaixo:

  npm install

3 - Então, insira e execute o comando abaixo:

  npm start

4 - Por fim, a aplicação será executa após alguns instantentes no seu navegador favorito!

📌 Seções

  • Página inicial: Página incial do site;
  • Plantas: Página com diferentes tipos e espécies de plantas para explorar;
  • Sobre Nós: Página descrevendo mais detalhes sobre a empresa e a pessoa que originou o a marca;
  • Blog: Página com diferentes posts e conteúdos para serem lidos e explorados;
  • Contato: Página para entrar em contato com a empresa via redes sociais ou email;

🤝 Desenvolvedores

Front-end Devs:

Foto de Olivia Rodrigues
Olivia Rodrigues
Foto de Leonardo Paixão
Leonardo Paixão
Foto de Marcos Paulo Ignacio
Marcos Paulo Ignacio

Back-end Devs:

Foto do Gabriel R. Rodrigues no GitHub
Gabriel R. Rodrigues
Foto do Pedro
Paloma Patrícia Falchi
Foto do Wellington
Wellington L. Maximiniano