eriqabonie / tech-test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React technical test mock

You are expected to build a React web application that allows users to search for images based on a query relating to space. You are provided the NASA API endpoint for image search.

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

Build Status Build Status Build Status Build Status

React

React Testing Library

Axios

PropTypes

Uuid

This is a mock tech test built in React

This little app queries the Nasa Api and returns images

This is a work in progress

Given more time, I would work on making the application more mobile friendly. I would also provide the user with more useful data from the search result. For example, number of items returned. I would incorporate some form of pagination. Maybe even add in a way for the user to share the images they like.

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

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.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

About


Languages

Language:JavaScript 60.3%Language:HTML 22.0%Language:CSS 17.7%