This project lists photos from Unsplash API. Users can also search photos and also filter the results based on the color, orientation, and order filters. The photos are listed using infinite scroll.
The Unsplash client Id can be generated using the developer account. The client id is specified in the .env.local
file in the project root directory and the environment variable namely NEXT_PUBLIC_UNSPLASH_CLIENT_ID
refers to API client id.
- Install the dependencies using
yarn install
- Run the project in development mode using
yarn start
The project source code can be found in the src
directory. The structure is divided in individual modules as:
components
: Reusable components across the apphooks
: custom reusable hooks across the appcontexts
: context providers across the apppages
: application pagesutils
: application helpersservices
: includes apis and other servicesassets
: all the application assetstests
: wrappers and helpers for unit and E2e testing
Each modules can be accessed using the aliases such as @components
as specified in the jsconfig.json
. Also for testing as specified in jest config in the package.json
.