Início Profile Projeto
Avatar de

Livio Lopes de Alvarenga

Space projeto React lidando com arquivos estáticos

  • nodejs
  • javascript
  • html5
  • css3
  • reactjs
  • prettier
  • tailwindcss

Alura Space

SobreVitrine DevTecnologiasFuncionalidadesLayoutAutorLicença

 

 

💻 Sobre o projeto

🚀 Este projeto foi inicializado com Create React App. E faz parte de um treinamento da Alura React com JavaScript: lidando com arquivos estáticos.

Alura Space é uma aplicação desenvolvida para um teste técnico de uma vaga de pessoa desenvolvedora front-end jr. Se trata de uma galeria de imagens criada com o objetivo de exibir as imagens incríveis que ela produz do universo observável. É uma aplicação estática, que possui apenas uma página inicial mas que é altamente escalável para adição de novas funcionalidades!

Optei por usar o Tailwindcss para criar os estilos.

 

issue site alurabooks total amount of programming languages used in the project most used language in the projects repository size


 

📺 Vitrine Dev

🪧 Vitrine.Dev
Nome Space projeto React lidando com arquivos estáticos
🏷️ Tecnologias nodejs, javascript, html5, css3, reactjs, prettier, tailwindcss
🚀 URL https://space-livio-alvarenga.vercel.app/

 

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto

 

html 5 badge CSS 3 badge Tailwind CSS badge JavaScript badge Node.js badge React badge vscode download code formatter prettier


 

⚙️ Funcionalidades

  • Exibe uma galeria de imagens do universo;
  • Possibilidade de exibir as imagens por tags;
  • Possui animações de transform quando o mouse está sobre a imagem;
  • Possui animações de transform quando o mouse está o menu;
  • Possui animações de transform quando o mouse está sobre ícones do footer;
  • Possui animações de transform quando o mouse está sobre tags;

 

🎨 Layout

O layout da aplicação está disponível no Figma:

link projeto no figma


 

🧭 Rodando a aplicação web (Modo desenvolvimento)

# Clone este repositório
$ git clone https://github.com/livioalvarenga/space.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd space
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

 

🦸 Autor

Olá, eu sou Livio Alvarenga, Engenheiro de Produção | Dev Back-end e Front-end. Sou aficcionado por tecnologia, programação, processos e planejamento. Uni todas essas paixões em uma só profissão. Dúvidas, sugestões e críticas são super bem vindas. Seguem meus contatos.

 

portifólio livio alvarenga perfil linkedin livio alvarenga perfil twitter livio alvarenga perfil instagram livio alvarenga perfil facebook livio alvarenga perfil youtube livio alvarenga

perfil vitrinedev livio alvarenga


 

📝 Licença

Este projeto é MIT licensed.

#CompartilheConhecimento