tsv-stacks / practice-tech-test

A react web app that allows users to search for images related to space using the NASA API.

NASA Image Search React App

React Technical Test

Live Page: https://react-nasa-tech-test.netlify.app/

This React web app allows users to search for images related to space using the NASA API for image search and then renders them if the search has been successful.

Development

This project was bootstrapped with Create React App.

It uses Axios to to handle HTTP requests and uses Jest as the testing framework.

Installation

To install the app, clone the repository to your local machine and run npm install to install the necessary dependencies.

git clone https://github.com/tsv-stacks/practice-tech-test
cd practice-tech-test
npm install

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.

Future Features

• Dark / Light mode toggle
• Ent key press to search
• Add alt attribute to images
• "Loading Images" message when waiting for images to load

Contact

If you encounter any issues or bugs, or have any suggestions for improving this project, please feel free to contact me on twitter.

You can also submit an issue on this repository to report any bugs or suggest new features. Please provide as much detail as possible, including any error messages and steps to reproduce the issue.