keithamoss / trove-on-the-go

Because it's 2020 and I like responsive design

trove-on-the-go

Because it's 2020 and I like responsive design

❤️ Trove

Development

HTTPS

.env.development configures create-react-app to use HTTPS, but for that to work we need to generate some self-signed SSL certs for localhost.

brew install mkcert
mkcert -install

mkdir dev-certs && cd $_
mkcert localhost

Ref:

• Using HTTPS in Development
• HTTPS In Development: A Practical Guide

iPhone Simulation

/Applications/Xcode.app/Contents/Developer/Applications/Simulator.app/Contents/MacOS/Simulator -CurrentDeviceID 8528838E-4B47-4F0E-B415-E87F8C8A6163

https://stackoverflow.com/a/60790454 https://hdorgeval.gitbooks.io/setup-your-mac-to-develop-nativescript-apps/content/your-first-nativescript-project-with-angular-2.html

BrowerStack

https://192.168.1.1:3000

Resources

Local development debugging on iOS

https://medium.com/@claire.ristow/how-to-test-your-localhost-on-an-iphone-54e7b11439b7

PWAs on iOS

https://firt.dev/ios-14/

React Hooks

https://reactjs.org/docs/hooks-reference.html https://adamrackis.dev/state-and-use-reducer/ https://www.robinwieruch.de/react-hooks-fetch-data https://levelup.gitconnected.com/usetypescript-a-complete-guide-to-react-hooks-and-typescript-db1858d1fb9c

Redux

https://redux-toolkit.js.org/introduction/quick-start

Photo Galleries

https://codeburst.io/how-to-pure-css-masonry-layouts-a8ede07ba31a https://medium.com/@colecodes/masonry-in-react-a-performance-hell-fb779f5fcebd

https://github.com/peterpalau/react-bnb-gallery/ https://github.com/neptunian/react-photo-gallery/ https://github.com/benhowell/react-grid-gallery https://github.com/xiaolin/react-image-gallery/ https://github.com/browniebroke/gatsby-image-gallery

Carousels

https://github.com/leandrowd/react-responsive-carousel https://github.com/maxmarinich/react-alice-carousel https://github.com/express-labs/pure-react-carousel

Lightboxes

https://github.com/frontend-collective/react-image-lightbox

trove-on-the-go's Issues

Hyde Park 1935 aerial photo download has internal server error

https://trove.keithmoss.me/#/Hyde%20park

Zooming in on photos is very picky about zooming with all of the overlay controls and stuff

Is there a better way of doing it or bug fixes to the libraries we're using?

Maybe a use case for the non-Material MUI library?