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.
🌐 Explore the app live: https://mars-explorer.netlify.app/
- 📅 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.
📹 Watch the video: https://www.youtube.com/watch?v=wJGY9roFr5E
- Clone the repository:
git clone https://github.com/janigowski/mars-explorer.git
- Navigate to the project directory:
cd mars-explorer - Install dependencies:
npm install
- Obtain a NASA API Key:
- Sign up at NASA API Portal to get your free API key.
- Create a
.envfile in the root directory and add your API key:REACT_APP_NASA_API_KEY=your_api_key_here
- Start the development server:
The application will run at
npm start
http://localhost:3000.
- 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.
- 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.
Contributions are welcome! Please fork the repository and create a pull request with your changes.
This project is licensed under the MIT License.
🌌 Explore Mars like never before with the latest images from NASA's rovers!