Table of Contents

• Description
• Getting Started
  • Dependencies
  • Set up
  • API key
• Routes
• Application Demo
• Project Version

Description

Search for those pictures that elicit happiness and Pixelfy your life! Pixelfy, a search engine optimized to get the most artistic, high quality pictures.

Getting Started

Instructions to get the project deployed locally.

Dependencies

• Node.js v14.15.5

Set up

1. Run npm install to install the neccesary dependencies.
2. Run npm run dev-react to compile all public files into a bundle.
3. Run npm run dev-server to serve up the files on port 3000

API key

1. Go to https://unsplash.com/developers and register as a developer.
2. Generate a config.js file in the root directory.
3. Export out an object like so e.g. { "key": API_KEY } where API_KEY is the access key.

Note: Default key is limited to 50 requests per hour

Routes

GET route for image search word

"/images/:query"

GET route for random images

"/random-images"

Application Demo

Searching with keyword


Opening up an image for full resolution


Random search function

Project Version

v0.1.0

1. Search feature implemented allowing users to query for their favorite images.
2. Random feature implemented allowing users to grab random images.
3. Users are able to click on an image to see the full resolution.