APOD App

This app is a nice front-end app for the Astronomical Picture Of the Day API from Nasa.

Table of content

• Demo
• Tech stack
• Requirements
• Installation
• Resources

Demo

• Home page

• Random picture

Tech stack

• HTML used for organizing the content
• SASS powers the project styles
• JavaScript used for logical and interaction requirements
• ReactJS powers the component architecture of the project

Requirements

• Node.js 18+
• Vite 3.2+
• You will need to generate an API Key in NASA Open APIs. Sign up and save your API Key.

Installation

1. Clone this repository

git clone https://github.com/Guirdo/apod-app.git

2. Install the dependencies

cd apod-app
npm install

3. Create the .env file where you will set the API Key variable:

VITE_API_KEY=<your-api-key>

4. Run the local environment

npm run dev

Code organization

• .husky/: husky configuration for git hooks.
• components/: react components.
• helper/: functions that help to do simple tasks.
• hooks/: custom react hooks.
• src/: source folder.
• stores/: stores for the state-management.
• style/: styles of the project.

Resources

• Check the documentation of this API for more details: nasa/apod-api