|
| 1 | +<div id="top"></div> |
| 2 | + |
| 3 | +<!-- PROJECT SHIELDS --> |
| 4 | + |
| 5 | +[![Contributors][contributors-shield]][contributors-url] |
| 6 | +[![Forks][forks-shield]][forks-url] |
| 7 | +[![Stargazers][stars-shield]][stars-url] |
| 8 | +[![Issues][issues-shield]][issues-url] |
| 9 | +[![MIT License][license-shield]][license-url] |
| 10 | + |
| 11 | +<!-- ABOUT THE PROJECT --> |
| 12 | + |
| 13 | +## About The Project |
| 14 | + |
| 15 | +This site is designed to collect and display images captured by NASA's Perseverance rover on Mars. The primary purpose is to provide a user-friendly way to navigate the thousands of raw images sent back from Mars. This essential methods for doing so are: |
| 16 | + |
| 17 | +- Convert technical mission data into human-friendly outputs (i.e. "MCZ_RIGHT" => "Mast Camera Zoom - Right") |
| 18 | +- Filter by date: Earth Date or Sol (Mars-day) |
| 19 | +- Filter by camera: Easily view images taken by any camera on a given date. (Or view all) |
| 20 | + |
| 21 | +### Built With |
| 22 | + |
| 23 | +- [React.js](https://reactjs.org/) |
| 24 | +- [NASA](https://api.nasa.gov/#MarsPhotos) |
| 25 | + |
| 26 | +<p align="right">(<a href="#top">back to top</a>)</p> |
| 27 | + |
| 28 | +<!-- ROADMAP --> |
| 29 | + |
| 30 | +## Roadmap |
| 31 | + |
| 32 | +- [ ] Finalize core functionality |
| 33 | + - [ ] Photo Gallery full-size image view (lightbox essentially) |
| 34 | + - [ ] Photo details component |
| 35 | + - [ ] Optimize API requests |
| 36 | +- [ ] Stylize entire project |
| 37 | +- [ ] Add legacy rovers (Curiosity, Opportunity, and Spirit) |
| 38 | +- [ ] Direct link to results from a query (Share the images from a date) |
| 39 | + - [ ] Direct link by camera |
| 40 | + - [ ] Direct link to individual image |
| 41 | +- [ ] Voting/Star images to add to a "Best of" gallery |
| 42 | + |
| 43 | +<p align="right">(<a href="#top">back to top</a>)</p> |
| 44 | + |
| 45 | +<!-- LICENSE --> |
| 46 | + |
| 47 | +## License |
| 48 | + |
| 49 | +Distributed under the MIT License. See `LICENSE.txt` for more information. |
| 50 | + |
| 51 | +<p align="right">(<a href="#top">back to top</a>)</p> |
| 52 | + |
| 53 | +<!-- ACKNOWLEDGMENTS --> |
| 54 | + |
| 55 | +## Add-ons |
| 56 | + |
| 57 | +- [Moment.js](https://momentjs.com/) |
| 58 | +- [Material-UI](https://mui.com/) |
| 59 | +- [Framer Motion](https://www.framer.com/) |
| 60 | + |
| 61 | +<p align="right">(<a href="#top">back to top</a>)</p> |
| 62 | + |
| 63 | +<!-- MARKDOWN LINKS & IMAGES --> |
| 64 | +<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --> |
| 65 | +<!-- |
| 66 | +[contributors-shield]: https://img.shields.io/github/contributors/github_username/repo_name.svg?style=for-the-badge |
| 67 | +[contributors-url]: https://github.com/github_username/repo_name/graphs/contributors |
| 68 | +[forks-shield]: https://img.shields.io/github/forks/github_username/repo_name.svg?style=for-the-badge |
| 69 | +[forks-url]: https://github.com/github_username/repo_name/network/members |
| 70 | +[stars-shield]: https://img.shields.io/github/stars/github_username/repo_name.svg?style=for-the-badge |
| 71 | +[stars-url]: https://github.com/github_username/repo_name/stargazers |
| 72 | +[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge |
| 73 | +[issues-url]: https://github.com/github_username/repo_name/issues |
| 74 | +[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge |
| 75 | +[license-url]: https://github.com/github_username/repo_name/blob/master/LICENSE.txt |
| 76 | +[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555 |
| 77 | +[linkedin-url]: https://linkedin.com/in/linkedin_username |
| 78 | +[product-screenshot]: images/screenshot.png |
| 79 | +--> |
0 commit comments