https://github.com/aaronpowell/surface-duo-photo-gallery

https://github.com/aaronpowell/surface-duo-photo-gallery

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/aaronpowell/surface-duo-photo-gallery
• Owner: aaronpowell
• License: mit
• Created: 2021-01-13T02:36:10.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-19T22:34:16.000Z (almost 4 years ago)
• Last Synced: 2024-11-17T19:47:07.082Z (about 2 months ago)
• Language: TypeScript
• Size: 97.7 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Photo Gallery

This gallery contains a React implementation of the [Surface Duo Photo Gallery sample](https://github.com/foldable-devices/demos/tree/master/photo-gallery). The `main` branch contains an implementation that uses CSS to hide and show the various components, depending on the foldable state of the application, in the same way that the reference sample works. There is a secondary branch, `react-foldable` ([PR](https://github.com/aaronpowell/surface-duo-photo-gallery/pull/1)), that uses the npm package [`@aaronpowell/react-foldable`](https://www.npmjs.com/package/@aaronpowell/react-foldable) to use React components that adapt to the foldable state to add/remove themselves from the component hierarchy.

View the sample [here](https://kind-beach-0f1a1a11e.azurestaticapps.net/).

Read about how the sample works on the Surface Duo blog.

## Contributing

Once the repo has been cloned install the npm package:

```bash

npm install

```

The codebase uses [create-react-app](https://create-react-app.dev) as the template and can be launched using npm:

```bash

npm start

```

If you make any changes, send them through as a Pull Request for review.