/alura-space

Projeto desenvolvido no curso React com JavaScript: lidando com arquivos estáticos da Alura.

Primary LanguageSCSS

Alura Space | React com JavaScript: lidando com arquivos estáticos

Repositório com projeto Alura Space desenvolvido durante o curso React com JavaScript: lidando com arquivos estáticos da Alura Escola Online de Tecnologia.

📁 Detalhes do projeto


O Alura Space é um página estática fictícia com uma galeria de imagens do espaço.

O foco do projeto foi desenvolver uma aplicação React do zero, também implementamos a funcionalidade de filtragem de fotos por tags. O estilização foi feita com Sass.

📚 Temas abordados

  • Iniciar projeto com create-react-app;
  • Organizar arquivos e pastas;
  • Importar imagens estáticas;
  • Instalar e utilizar o Sass no projeto;
  • Uso de CSS modules;
  • Criar componentes;
  • Configurar os arquivos de fontes;
  • Importação dinâmica de imagens;
  • Controlar estados e o uso de props;
  • Filtragem de imagens;
  • Uso de absolute imports e config.

🖥️ Como executar o projeto

Para abrir e rodar o projeto, execute npm i para instalar as dependências e npm start para iniciar o projeto.

Depois, acesse http://localhost:3000/ no seu navegador.


👩‍💻 Tecnologias utilizadas


Desenvolvido com 💙 por Juliana Lucca.

Projeto original desenvolvido por Alura.