Skip to content

We’ve been approached by a client who wants to develop their own web app to aggregate results from various online image libraries. Their eventual goal is to provide a dynamic, clean interface for use across all devices to make it effortless for users to search for images across many different services at once. They’re still in the deal-making st…

Notifications You must be signed in to change notification settings

vn425282/PisereFinal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Frontend

  • This project using React, Redux for State Management

Install Library

1. npm install
2. npm serve

Uses case

  • The user should be able to search by keyword for images
  • Images should be shown in a grid with consistent width and height images, without
    stretching the images (cropping is ok, so long as the image fills the grid space), with a default maximum of 8 images shown per search
  • The user should be able to add and remove a tag from images to mark or unmark them as a favourite image
  • Different app states should ideally be accounted for with UI feedback to the user, e.g. errors, loading, etc
    The client also had a few other features in mind, but considered these as secondary and only required if we’re able to fulfil the above requirements:
  • Add a “Fetch More” button displayed below the results that will fetch the next 8 image results for the current search
  • A dedicated page that the user can go to to view their tagged favourite images at any time

IE11 Testing fot Layout

● Homepage Alt text

● Search Page You can see the error image while loading, not loading yet, and already loading based on Skeleton. Alt text

● Search Page ( mouse hover ) Alt text

● Search Page ( clicked ) Alt text

● Favorite Page Alt text

About

We’ve been approached by a client who wants to develop their own web app to aggregate results from various online image libraries. Their eventual goal is to provide a dynamic, clean interface for use across all devices to make it effortless for users to search for images across many different services at once. They’re still in the deal-making st…

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published