React NASA API Apps

A collection of React apps using NASA APIs.

App	Description	Demo
APOD (Create React App)	Astronomy Picture of the Day	Live
APOD (Vite)	Astronomy Picture of the Day
TechTransfer (Vite)	NASA TechTransfer API with Tailwind CSS

---

Screenshots

APOD App — Example Astronomy Picture of the Day from 19/06/2025

---

Apps

1. APOD App — Create React App

apod/

React app fetching NASA's Astronomy Picture of the Day using Create React App.

• Based on this tutorial by Kapehe on YouTube
• Deployed on GitHub Pages

Run locally:

cd apod
npm install
npm start

---

2. APOD App — Vite

apod-vite/

React + Vite version of the NASA APOD app.

• Vite build tool
• Font Awesome icon set
• Responsive design
• API data fetching and caching
• Based on Build a Space Website w. React.JS & the NASA API
• Deployed on GitHub Pages

Run locally:

cd apod-vite
npm install
npm run dev

---

3. TechTransfer App — Vite + Tailwind CSS

techtransfer/

React + Vite app using the NASA TechTransfer API, styled with Tailwind CSS.

• Based on React, Nasa REST API con Vitejs + Tailwindcss + gh-pages
• Deployed on GitHub Pages

Run locally:

cd techtransfer
npm install
npm run dev

---

References

NASA APIs
Deploying a React App to GitHub Pages
Deploy Vite React App to GitHub Pages
Font Awesome
Tailwind CSS
Build a Space Website w. React.JS & the NASA API
React, Nasa REST API con Vitejs + Tailwindcss + gh-pages (Spanish)
How To Deploy A React Vite App To Github Pages (Simple)