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! πβ¨
- π 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
Note: Visit the live site for the full interactive experience!
| π οΈ 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 |
| 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. |
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.
The easiest way to use the application is through the live site.
# 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 startAfter starting the server, open your browser and navigate to http://localhost:3000 to use the application.
To use all features of this application, you'll need a NASA API key. Get yours for free at api.nasa.gov.
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
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
- 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
This project is licensed under the MIT License - see the LICENSE file for details.
- 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
π’ Have questions, suggestions, or want to contribute? Feel free to reach out! π