Skip to content

AmyHMSmith/tech-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Technical Task - React Developer Role

Build a React web application that allows users to search for images based on a query relating to space. The NASA API endpoint is provided for image search.

Consider and add anything that should be included was this to be a live website.

The following functionalities need to be implemented:

  • A Search page which allows users to search for images by keyword
  • Images must be returned upon a successful search

Styling will be taken into consideration when evaluating your application.

Relevant API endpoints:

image search: GET​​ ​​https://images-api.nasa.gov/search ​Params: ​​q

Assets - Nasa logo

https://cdn.cnn.com/cnnnext/dam/assets/200424060716-nasa-worm-logo.jpg

Project setup

This project was bootstrapped with Create React App - run npx create-react-app tech-test npm install axios to install this package which automatically parses the images using GET import "@testing-library/react"

Project start

Clone the reposity from Github npm start runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

npm test launches the test runner in the interactive watch mode.

![](src/screenshots/Screen Shot 2023-06-25 at 12.11.24 (2).png) ![](src/screenshots/Screen Shot 2023-06-25 at 12.13.22 (2).png)

Further development

  • style submit button to make it stand-out
  • make images the same size
  • make app more responsive for different types of mobile

This technical task has been completed by Amy Smith.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published