This is a search engine built using react.js as a practice tech test. It is part of the front end module at Command Shift.
This is what it looks like - enter a search term into the search bar and the app will respond with a collection of relevant images.
This is how the app looks on mobile:
This is a mock tech test, with the following requirements:
-Build a React web application that allows users to search for images based on a query relating to space.
-Consider and add anything to your repository that should be included was this to be a live website.
-A search page which allows users to search for images by keyword. -Images must be returned upon a successful search.
-Image of NASA text -The API endpoint is: GET https://images-api.nasa.gov/search Params: q
This app uses the NASA Images API from NASA.
This app is tested with Jest and React Testing Library.
git clone https://github.com/George-xixi/react-tech-test
npm i
npm start
npm test
I would add better alt text to the images in image results. Currently they all have the alt text of "placeholder" which is not useful at all.
I would need to process the data recieved from the API differently so that the alt text from NASA could be added to the individual image in the same way the href is added to the src attribute.
-Thanks to all the tutors at Command Shift!
-Thanks to NASA for the API.