https://github.com/elliotwutingfeng/meteorite-explorer

Explore The Meteoritical Society's comprehensive data set of all known meteorite landings across the globe.
https://github.com/elliotwutingfeng/meteorite-explorer

chingu-solo-project css hacktoberfest html javascript mui nasa react redux responsive-web-design

Last synced: about 1 month ago
JSON representation

Explore The Meteoritical Society's comprehensive data set of all known meteorite landings across the globe.

• Host: GitHub
• URL: https://github.com/elliotwutingfeng/meteorite-explorer
• Owner: elliotwutingfeng
• License: mit
• Created: 2021-11-03T16:32:51.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-26T00:48:09.000Z (11 months ago)
• Last Synced: 2024-01-26T23:17:11.445Z (11 months ago)
• Topics: chingu-solo-project, css, hacktoberfest, html, javascript, mui, nasa, react, redux, responsive-web-design
• Language: JavaScript
• Homepage: https://meteorite-explorer.vercel.app
• Size: 2.61 MB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Meteorite Explorer

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![MUI](https://img.shields.io/badge/MUI-007FFF?style=for-the-badge&logo=mui&logoColor=white)

![Redux](https://img.shields.io/badge/Redux-764ABC?style=for-the-badge&logo=redux&logoColor=white)

![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logoColor=white)

![ESLint](https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=eslint&logoColor=white)

![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-007ACC?style=for-the-badge&logo=visualstudiocode&logoColor=white)

![Screenshot](public/screenshot.png)

## Overview

This single-page application was created as a pre-requisite solo-project for the Voyage 36 of the Chingu remote learning Programme. It pulls data from [NASA's Meteorite Landing dataset](https://data.nasa.gov/Space-Science/Meteorite-Landings/gh4g-9sfh)

Live Link: 

## Features

- [x] The data is sorted according to name and displayed on a table

- [x] Search results are separated into pages

- [x] A search field allows for filtering of meteorites by _Name_

- [x] Search field displays a dropdown with the last 10 search terms

- [x] 3 mobile-friendly ways to search: 1) Press _Search_ button 2) Press _Enter_ key 3) _Select_ previously-searched term from dropdown menu

- [x] Display appropriate error notifications if API GET request fails or takes too long (more than 5 seconds).

- [x] For fun: Text-scrambling effect on page load and meteor shower loading animation

## Setup instructions

Install [yarn](https://yarnpkg.com) first.

`git clone` and `cd` into the project directory

Then run the following

```bash

yarn install --immutable --immutable-cache --check-cache

yarn start

```

## Useful guides

- 

- 

-