/photo-gallery

This is a photo album app

Primary LanguageTypeScriptMIT LicenseMIT

Overview

image info

image info

image info

image info

This is a photo album app

Demo

You can follow the link to see the online demo.

Used Stack

Photo Album

  • Select a user.
  • Select an album from user.
  • See the photos from selected album.
  • Search for an image.
  • Highlight the searching title (Added mark, strong and italic style).
  • Modify the images style by settings drawer.
  • Change gutters.
  • Change size of the image.
  • Saved the user settings in local storage. (Reload)

Features

  • Mobile Friendly.

Tests (Jest)

  • Test Suites: 4 passed
  • Tests: 25 passed

Getting started

The existing code includes a development environment, and an API with product data for you to interact with. The relevant API response types can be found in src/types.ts.

Setup

yarn install

Running locally

Development

Start the project in development mode.

yarn dev

Run all the tests.

yarn test

Production

Build and start the project in production mode.

yarn start

API

Use the following endpoints:

http://jsonplaceholder.typicode.com/users

http://jsonplaceholder.typicode.com/users/[id]/albums

http://jsonplaceholder.typicode.com/albums/[id]/photos