/Photo-Gallery-App

a React web application that displays a gallery of photos in a responsive grid layout.

Primary LanguageTypeScript

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn install

followed by:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Project objectives

Build a React web application that displays a gallery of photos in a responsive grid layout. The app should fetch photos from an API and present then in an aesthetically pleasing and user-friendly manner. Requirements:

  • Use react functional components, prefer TS
  • App should support up to 1,000,000 photos
  • Fetch photos from a public mock API of your choice (etc. https://api.slingacademy.com/v1/sample-data/photos?offset=5&limit=2000)
  • App must be responsive
  • User can add photos links *
  • User can delete photo or multiple photos *
  • App can display chosen photo in an enlarged view
  • Does not need to be persistent, user can add and delete items in the browser but any changes will be reset after refreshing the page Technical Considerations:
  • Clean, readable and maintainable code
  • Performance considerations
  • Code run without issues
  • responsive and clean app
  • Organize code and modules