Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Explora las diferentes funcionalidades que la API de la nasa ofrece en este blog interactivo.

License

Notifications You must be signed in to change notification settings

Dami-Val/NASA-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

NASA Explorer Banner

Welcome to Explorador NASA!

A comprehensive dashboard for exploring NASA's various APIs, including APOD (Astronomy Picture of the Day), Mars Rover photos, EPIC (Earth Polychromatic Imaging Camera), NEO (Near-Earth Objects), and Exoplanet data. This application provides an intuitive interface to discover the wonders of space! πŸš€βœ¨

Visit Live Site

Key Features

  • 🌌 APOD Explorer: Discover the astronomy picture of the day with detailed explanations
  • πŸ”΄ Mars Rover Photos: Browse photos taken by Curiosity, Opportunity, and Spirit rovers
  • 🌎 EPIC Imagery: View stunning images of Earth taken from the DSCOVR satellite
  • β˜„οΈ NEO Tracker: Monitor near-Earth objects and their approach details
  • πŸͺ Exoplanet Database: Explore planets outside our solar system with detailed properties

πŸš€ Live Demo & Screenshots

Explore the Universe

πŸ“Έ Screenshots

APOD Explorer Mars Rover Photos
EPIC Earth Images NEO Asteroid Tracker

Note: Visit the live site for the full interactive experience!

πŸ’» Technologies Used

πŸ› οΈ Technology βš™οΈ Purpose
React 19.1.0 Frontend framework for building the user interface
JavaScript Programming language for application logic
HTML/CSS Markup and styling for the application
NASA APIs Data sources for space-related information
Vercel Hosting platform for the live deployment

App Sections

Section Description
🌌 APOD API Retrieves and displays NASA's Astronomy Picture of the Day, including images, descriptions, and historical archives. Supports searching by date range or specific dates.
πŸ”΄ Mars Rover Access photos taken by Mars rovers with filtering by camera type, sol (Martian day), or Earth date. Displays mission information and rover status.
🌎 EPIC Earth Polychromatic Imaging Camera provides full-disc imagery of Earth from the DSCOVR satellite at the L1 Lagrange point. Shows Earth's rotation through daily images.
β˜„οΈ NEO Near Earth Object Web Service tracks asteroids and comets that pass close to Earth. Provides orbital data, size estimates, and potential hazard information.
πŸͺ Exoplanet Access NASA's database of confirmed exoplanets with detailed information about their size, orbit, temperature, and potential habitability.

πŸ“Š API Information

The application utilizes five key NASA APIs:

  • APOD API: https://api.nasa.gov/planetary/apod
  • Mars Rover Photos API: https://api.nasa.gov/mars-photos/api/v1/rovers
  • EPIC API: https://api.nasa.gov/EPIC/api
  • NEO API: https://api.nasa.gov/neo/rest/v1
  • Exoplanet Archive API: https://exoplanetarchive.ipac.caltech.edu/TAP/sync

Note: To use this application with full functionality, you'll need a NASA API key. You can obtain one for free at api.nasa.gov.

πŸš€ Installation and Usage

🌐 Online Access

The easiest way to use the application is through the live site.

πŸ’» Local Development

# Clone the repository
git clone https://github.com/Dami-Val/explorador-apod-nasa.git

# Navigate to the project directory
cd explorador-apod-nasa

# Install dependencies
npm install

# Create a .env file with your NASA API key
# REACT_APP_NASA_API_KEY=your_api_key_here

# Start the development server
npm start

After starting the server, open your browser and navigate to http://localhost:3000 to use the application.

πŸ”‘ API Key

To use all features of this application, you'll need a NASA API key. Get yours for free at api.nasa.gov.

Implementation Details

This application is built with a modular architecture to ensure scalability and maintainability:

  • Component-Based Structure: Each NASA API has its own dedicated set of components
  • Service Modules: API interactions are abstracted into service modules
  • Responsive Design: Adapts to various screen sizes for optimal user experience
  • Animated UI: Smooth transitions and visual feedback enhance user engagement
  • Error Handling: Robust error management for API connections and data processing

🧩 Project Structure

src/
β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ apod/           # Astronomy Picture of the Day components
β”‚   β”œβ”€β”€ rover/          # Mars Rover components
β”‚   β”œβ”€β”€ epic/           # Earth Polychromatic Imaging Camera components
β”‚   β”œβ”€β”€ neo/            # Near Earth Object components
β”‚   β”œβ”€β”€ exoplanet/      # Exoplanet components
β”‚   └── common/         # Shared components (Header, Footer, etc.)
β”œβ”€β”€ services/           # API service modules
β”œβ”€β”€ styles/             # CSS styles
└── utils/              # Utility functions

πŸ” Key Features in Detail

  • Interactive Date Selection: Choose specific dates or date ranges for APOD and other time-based data
  • Dynamic Image Galleries: Browse collections of space imagery with fluid navigation
  • Data Visualizations: View asteroid approaches, exoplanet statistics, and other space data
  • Comprehensive Filtering: Filter Mars rover photos by camera, sol, and more
  • Responsive Layout: Enjoy the application on any device from desktop to mobile

πŸ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

  • NASA for providing open APIs to access space data
  • React community for the powerful frontend framework
  • Vercel for the excellent hosting platform
  • Damian Valencia for creating and maintaining this project
  • All stargazers and followers who support this project

Contact & Support

πŸ“’ Have questions, suggestions, or want to contribute? Feel free to reach out! πŸš€

GitHub Email LinkedIn


Explore the Cosmos

Damian Valencia

About the Creator

Typing SVG

I'm Damian Valencia, a Software Engineering student passionate about space exploration and web development. This project combines my love for astronomy with my programming skills.

Follow on GitHub

Profile Views

Made with ❀️ and πŸ”­ by Damian Valencia

GitHub Snake

About

Explora las diferentes funcionalidades que la API de la nasa ofrece en este blog interactivo.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published