Pete ChappellPortfolio

My Work

Kaleidoscoper

Timeframe
2016
Type
Side project
Code
View the source code

I always wanted a kaleidoscope as a child... so eventually I built one using HTML Canvas. By default, Kaleidoscoper takes random public images from Flickr (using their API). You can also load in an image from the local file system.

View the project
The Kaleidoscoper logo Sample screen from Kaleidoscoper Sample screen from Kaleidoscoper Sample screen from Kaleidoscoper

My contributions

  • Initial ideas
  • Graphics (icons etc)
  • Front-end design and development

Technology I used

  • HTML and CSS
  • JavaScript
  • Sketch
  • Webpack and Babel

Next steps...

  • Rebuild using React
  • Use a more standardised UI
  • Allow better integration with the camera etc
  • Manage scaling better for a non-square canvas

More of my work...