DaiLobo / space-app

Home Page:https://space-app-three.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Space-app

🚧 Em construção: Acesse o projeto Space-app 🚧

📝 Sobre

O site "Galeria Espacial" é um projeto feito em React que oferece uma vasta coleção de imagens e fotografias relacionadas ao espaço.


Tela



Tela do modal aberto

🔖 Índice


Pré-requisitosInstalaçãoExecutando o ProjetoFuncionalidades do projetoTecnologiasAutora


📋  Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🔧 Instalação

# Clone este repositório
$ git clone https://github.com/seu-usuario/space-app.git

# Acesse a pasta do projeto no terminal/cmd
$ cd space-app

# Instale as dependências
$ yarn

🍷 Executando o Projeto

yarn dev

A aplicação estará disponível em http://localhost:3000.


🌌 Funcionalidades do projeto

Ao acessar a aplicação, os usuários se deparam com um layout intuitivo, composto por um menu principal, uma barra de pesquisa, tags de filtro e uma seleção de imagens do espaço. A barra de pesquisa permite inserir palavras-chave relacionadas ao espaço, o que aciona a pesquisa e exibe resultados correspondentes. Além disso, os usuários têm a opção de filtrar as imagens por meio das tags fornecidas, facilitando a localização de conteúdo específico.

Uma funcionalidade adicional dessa plataforma é a capacidade de favoritar imagens, permitindo que os usuários salvem suas descobertas favoritas. Para uma visualização mais detalhada, os usuários podem expandir as imagens clicando nelas, o que as abrirá em um modal, proporcionando uma visualização ampliada e mais imersiva. Isso permite que os apreciadores do espaço explorem as imagens em detalhes e apreciem sua beleza de maneira mais completa.


💻 Tecnologias

react logo js logo vite logo styled component logo figma logo git logo github logo vercel logo

✒️ Autora

Desenvolvido com 💜 por Diana Rose

About

https://space-app-three.vercel.app


Languages

Language:JavaScript 98.4%Language:HTML 1.6%