Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/mars-rover-photos
Mars Rover Photos is a web application that displays photos taken by NASA's Mars Rovers. Users can filter photos based on the specific cameras that took them and explore the images. This project is built using React and Vite. It integrates with NASA's Mars Rover API to fetch real-time photo data.
https://github.com/furkan-dogu/mars-rover-photos
axios nasa-api react vite
Last synced: about 1 month ago
JSON representation
Mars Rover Photos is a web application that displays photos taken by NASA's Mars Rovers. Users can filter photos based on the specific cameras that took them and explore the images. This project is built using React and Vite. It integrates with NASA's Mars Rover API to fetch real-time photo data.
- Host: GitHub
- URL: https://github.com/furkan-dogu/mars-rover-photos
- Owner: furkan-dogu
- Created: 2024-06-11T17:07:38.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T18:56:28.000Z (8 months ago)
- Last Synced: 2024-11-20T06:57:22.937Z (3 months ago)
- Topics: axios, nasa-api, react, vite
- Language: JavaScript
- Homepage: https://mars-rover-photos-rust.vercel.app
- Size: 25.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mars Rover Photos
## About the Project
**Mars Rover Photos** is a web application that displays photos taken by NASA's Mars Rovers. Users can filter photos based on the specific cameras that took them and explore the images.
This project is built using React and Vite. It integrates with NASA's Mars Rover API to fetch real-time photo data.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)
## Live Demo
[Mars Rover Photos](https://mars-rover-photos-rust.vercel.app/)
## Features
- Integration with NASA's Mars Rover API
- Filtering photos by specific rover cameras
- Lazy loading for performance optimization
- Developed with modern React features and ES6+
## Technologies Used
- **React**: For building the user interface.
- **Vite**: For fast development server and build tooling.
- **Axios**: For making API requests.
- **ESLint**: For code quality and linting.
- **NASA Mars Rover API**: To fetch Mars Rover photos.
## Project Skeleton
```
Mars Rover Photos (folder)
│
├── public
├── src
│ ├── assets
│ │ └── [images]
│ ├── components
│ │ ├── Button.jsx
│ │ └── Card.jsx
│ ├── pages
│ │ └── Home.jsx
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
└── vite.cpnfig.js
```
## Screenshots
## Compatibility
The project is compatible with both wide-screen computers and mobile devices.
## Acknowledgments
Products data provided by [Nasa API](https://api.nasa.gov/)