https://github.com/abdelmalek-maskri/nasa-react-app
A React-based web application that displays the Astronomy Picture of the Day from NASA's API. This version includes features like data fetching, caching, and a responsive layout with a sidebar and footer
https://github.com/abdelmalek-maskri/nasa-react-app
api javascript nasa-api react
Last synced: 21 days ago
JSON representation
A React-based web application that displays the Astronomy Picture of the Day from NASA's API. This version includes features like data fetching, caching, and a responsive layout with a sidebar and footer
- Host: GitHub
- URL: https://github.com/abdelmalek-maskri/nasa-react-app
- Owner: abdelmalek-maskri
- Created: 2024-08-27T18:23:36.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-27T18:39:43.000Z (11 months ago)
- Last Synced: 2025-03-12T22:15:47.380Z (4 months ago)
- Topics: api, javascript, nasa-api, react
- Language: JavaScript
- Homepage: https://my-nasa-apod.netlify.app/
- Size: 129 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NASA APOD React App
## Overview
The NASA APOD (Astronomy Picture of the Day) React App is a web application that displays the Astronomy Picture of the Day from NASA's API. It utilizes React for the frontend and provides a sidebar for additional information and a footer with navigation options.
## Live Demo
You can view the live application here: [my-nasa-apod.netlify.app](https://my-nasa-apod.netlify.app)
## Features
- **Fetch Data from NASA API**: Retrieves the Astronomy Picture of the Day using NASA's API.
- **Cache Data**: Stores data in local storage to avoid redundant API calls.
- **Responsive Layout**: Includes a sidebar and footer for a better user experience.
- **Modal Toggle**: Allows users to toggle a modal for additional details.
Set Up Environment Variables
Create a .env file in the root of your project and add your NASA API key:
VITE_NASA_API_KEY=your_nasa_api_key_here