/image-processing-api

Udacity image-processing-api

Primary LanguageTypeScript

Image Processing API project

Scripts

  • Install: npm install
  • Start server: npm run start
  • Build: npm run build
  • Prettier: npm run prettier
  • Run unit test: npm run test

Usage

The server be served on port 3001:

Endpoint to resize images

http://localhost:3001/image-process

Expected query arguments are:

  • default imageName:
    • encenadaport
    • encenadaport
    • icelandwaterfall
    • palmtunnel
    • santamonica
  • width: valid numerical value > 0
  • height: valid numerical value > 0
  • user can click on big image to resize image

Example 1

http://localhost:3000 Will display project description and images gallery User can upload new image and edit image size by click on image

home page

Example 2

http://localhost:3000/image-process?imageName=fjord Will display the original fjord image. origin-image

Example 3

http://localhost:3000//image-process?imageName=fjord&width=100&height=100 Will scale the fjord image to 100 by 100 pixels and store the resulting image in public/resize folder.

resize-image