Skip to content

mgrobleto/AdAstraHubWebsite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The first iteration of Ad Astra Hub Website built with React.js. Powered by Original NASA APOD Website.

Screen Shot 2021-03-15 at 8 29 18 PM

Ad Astra Hub Website

Table of Contents

Introduction

Ad Astra Hub Website is a friendly space to explore and learn about the cosmos. You can check Astronomy Picture of the Day powered by NASA's Astronomy Picture of the Day API in a minimalist and functional way, also providing you to select any date you would like to see apod's picture or video.

This is a refreshing take on NASA's Astronomy Picture of the Day website that veteran visitors to the site will appreciate. It acts as an educational and aesthetically appealing tool that works well as a homepage, or just something space lovers can visit and browse at their leisure.

How to Use

/Info Option: check some basic information about astronomy/science topics.

info

/APOD Option

  • At the background we will be able to see the current Astronomical Picture of the Day along with a brief explanation of the image.
  • HDR Image option to see the full image in high quality (you can algo download it if you want).
  • Pick any date you would like to see APOD's image/video.
  • First APOD image was realeased in 1995-06-16. ¿Amazing, right?

apod

selectDate

Tech

  • React.js
  • Tailwind CSS
  • useQuery
  • Axios
  • Days.js
  • Framer Motion
  • MUI Core
  • TSParticles

Main Image

Copyright: Gabriela Robleto

adastrahubBg

Demo

Visit https://mgrobleto.github.io/AdAstraHubWebsite/ to see the app in action.

About

AdAstraHub Website with Astronomy Picture Of the Day view

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors