https://github.com/itsdouges/pac
https://github.com/itsdouges/pac
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/itsdouges/pac
- Owner: itsdouges
- Created: 2017-02-18T10:09:34.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-21T02:50:28.000Z (almost 9 years ago)
- Last Synced: 2025-01-23T14:38:30.077Z (12 months ago)
- Language: JavaScript
- Homepage: http://propeller-challenge.s3-website-us-east-1.amazonaws.com/
- Size: 2.73 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# pfecc
[http://propeller-challenge.s3-website-us-east-1.amazonaws.com/](http://propeller-challenge.s3-website-us-east-1.amazonaws.com/)
Looking at the task list I've basically implemented everything - the main reason being that this task was really fun and I really wanted to ship it with all the cooler features !
Implemented features:
- Basic functionality (zooming with +/- buttons)
- Advanced functionality (panning, lazy loading images, smooth scrolling, styling)
There are a few things I'd change if I were to do this challenge again:
- Use WebGL over using the DOM, what I've made works and is performant (enough), but at scale it just won't really work well. Sure I could keep tweaking it to squeeze more performance but really it's just not the right tool for the job.
- Have a app skeleton ready from the get go. I used `create-react-app` but even that wasn't setup exactly how I usually like to dev.
- Implement scoped zooming (zoom origin where the mouse is) instead of the default middle of the image
All in all was very fun.
Cheers,
Michael