🚀 Mars Rover Image Explorer 🌌

Explore Mars through the lens of NASA's rovers with this React-powered application. Showcasing images from all NASA's sent rovers, this app lets users filter by date, browse stunning Martian landscapes, and follow the journey of these robotic explorers.

Check out live

🌐 Explore the app live: https://mars-explorer.netlify.app/

🌟 Features

• 📅 Date Filtering: Explore images captured on specific dates.
• 🖼️ High-Resolution Views: Dive into detailed rover captures.
• 🔍 Multi-Rover Access: View images from all rovers sent to Mars.

Interested in how it’s built?

📹 Watch the video: https://www.youtube.com/watch?v=wJGY9roFr5E

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/janigowski/mars-explorer.git  

2. Navigate to the project directory:

   cd mars-explorer  

3. Install dependencies:

   npm install  

4. Obtain a NASA API Key:
   • Sign up at NASA API Portal to get your free API key.
5. Create a .env file in the root directory and add your API key:

   REACT_APP_NASA_API_KEY=your_api_key_here  

6. Start the development server:

   npm start  

   The application will run at http://localhost:3000.

🚀 Usage

• Browse Images: View the latest captures from NASA's rovers on Mars.
• Filter by Date: Use the date picker to refine your search.
• View Details: Click on an image thumbnail for a closer look and additional metadata.

🧰 Technologies Used

• React: Frontend library for building the user interface.
• react-sweet-state: For managing application state.
• Axios: For making HTTP requests to the NASA API.
• React Router: For handling navigation within the app.
• styled-components: For styling components.

🤝 Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

📜 License

This project is licensed under the MIT License.

---

🌌 Explore Mars like never before with the latest images from NASA's rovers!