https://github.com/annaluizacamargo/myuniverse

Criação de uma página web integrada com a API da NASA.
https://github.com/annaluizacamargo/myuniverse

api css figma html javascript nasa-api

Last synced: 3 months ago
JSON representation

Criação de uma página web integrada com a API da NASA.

• Host: GitHub
• URL: https://github.com/annaluizacamargo/myuniverse
• Owner: annaluizacamargo
• Created: 2023-01-09T20:25:56.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-05T22:31:24.000Z (almost 2 years ago)
• Last Synced: 2024-01-28T00:43:19.820Z (about 1 year ago)
• Topics: api, css, figma, html, javascript, nasa-api
• Language: JavaScript
• Homepage: https://my-universe-psi.vercel.app/
• Size: 662 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Group 14](https://user-images.githubusercontent.com/100868704/212987606-e1234595-2eba-4fe2-beb1-161b721f7047.png)

## 🚀✨ Proposta do Desafio

Bem-vindo(a) ao "MyUniverse", um site onde é possível visualizar o registro fotográfico da NASA capturado exatamente no dia em que você veio ao mundo. Afinal, somos todos partes pequenas de algo incrível e fascinante que é o nosso universo, estando disponível para acesso no link: .

![Resultado Final](https://user-images.githubusercontent.com/100868704/212997045-34c2376c-2eda-46c0-97ce-437ffa5cdf0c.png)

Dentre nossas peculiariedades, construímos o nosso universo particular de pessoas que amamos, por isso o MyUniverse permite que você adicione até cinco pessoas que façam parte do seu círculo mais próximo para ver e compartilhar com elas a imagem do dia que elas nasceram.

Infelizmente contamos com uma restrição de data (devido a API utilizada), sendo assim, caso você tenha nascido antes do dia 16/06/1995, é possível visualizar a imagem capturada do dia de hoje.



## 🧠✨ Objetivo e o que aprendi

O objetivo foi criar um web site totalmente do zero utilizando JavaScript, HTML e CSS (puros, sem framework), a fim de consolidar meus conhecimento em localstorage e ampliar meus estudos sobre Date e API.

Caso queira saber um pouquinho mais do processo de elaboração e criação, fiz um breve benchmarking, elenquei possíveis referências e ideias de layout, escolhi as cores que possuíssem acessibilidade visual, e todo esse trajeto até chegar neste resultado final é possível visualizar no meu repositório do [Figma](https://www.figma.com/file/LWA2bckzoe8VsX0Hg2BfKJ/MyUniverse?node-id=0%3A1&t=VA2wpFNg91CJX7aF-1).



## 🔧✨ Tecnologias utilizadas



  

  

  

  API da NASA disponível em = https://api.nasa.gov/.





## 💻✨ Rodando o projeto

Para rodar o repositório é necessário clonar o mesmo, e procurar no seu explorador de arquivos o HTML para iniciar o projeto: `index.html`

Ou simplesmente clicar no link onde o mesmo está disponível para acesso: 

Observação: os testes referente ao layout e responsividade foram realizadas somente utilizando o Google Chrome e Android.


https://user-images.githubusercontent.com/100868704/212992839-7e8bd944-0862-463e-8cf6-7297e8b66aa4.mp4




## 🌺✨ Forma de contato



  


  Caso tenha alguma sugestão ou queira entrar em contato, fico a disposição 🥰💖