An open API service indexing awesome lists of open source software.

https://github.com/joaoplgaspar/alura-space

O Alura Space é um site que tem como próprosito ser uma galeria de imagens do espaço, contendo galáxias, planetas, estrelas e entre outros. Desenvolvido com React e SASS em um curso ALURA.
https://github.com/joaoplgaspar/alura-space

api array-methods html javascript mock-server react sass scss vitrinedev

Last synced: 3 months ago
JSON representation

O Alura Space é um site que tem como próprosito ser uma galeria de imagens do espaço, contendo galáxias, planetas, estrelas e entre outros. Desenvolvido com React e SASS em um curso ALURA.

Awesome Lists containing this project

README

        

Alura Space

![Static Badge](https://img.shields.io/badge/Status-_Finalizado-green?style=for-the-badge)

O Alura Space é um site que tem como próprosito ser uma galeria de imagens do espaço, contendo galáxias, planetas, estrelas e entre outros. Desenvolvido com React e SASS em um curso ALURA.

| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Alura Space**
| :label: Tecnologias | react, html5, sass, javascript
| :rocket: URL | https://alura-space-liard.vercel.app


![Alura Space Print](https://github.com/joaoplgaspar/alura-space/assets/130015259/6a0b8c6b-bd8c-4c24-a65e-1221d286a165#vitrinedev)


## Resumo do projeto

O Alura Space é um projeto website que mostra diversas fotos de galáxias, planetas, estrelas e outros, com a opção de filtrar por imagens que você preferir, com a utlização de imagens ao mockar uma API. Criado com react e diversos componentes react e estilos reutilizaveis a partir do SASS. Proposto por um curso ALURA.

# :hammer: Funcionalidades do projeto

- `Funcionalidade 1`: Facil atualização de novas fotos a partir de um mock de API
- `Funcionalidade 2`: Filtragem de fotos com botões a partir de seus temas: Galáxias, nebulosas, estrelas e lua

![AluraSpace Gif](https://github.com/joaoplgaspar/alura-space/assets/130015259/6929c2bb-4df7-484d-8575-908199310a72)

## ✔️ Técnicas e tecnologias utilizadas
- ``REACT, JAVASCRIPT, HTML5, SASS``
- ``API``
- ``Métodos de array Javascript (filter)``

# 🛠️ Abrir e rodar o projeto

**Utilize `npm install` dentro da pasta do projeto para baixar suas pendências**

**A seguir `npm start` para iniciar o projeto**