Draw This!
Made with: React.js, Bootstrap, Jest, Wikimedia Commons API
Draw This! is a front-end web application that generates random, royalty-free photos fetched from Wikimedia Commons' API. Users can use the website for timed drawing practice, and can choose from three image categories: people, architecture, or landscapes.
The app is made with React.js, React Router, Bootstrap, and Jest, with the API queries originally built and tested in Postman.
Features
- Form to choose which subject to draw
- Pauseable timer
- Pop-up tooltip with each image's info, fetched from an API
- Durstenfeld algorithm for randomly shuffling the images
- Data cleaning with regex removes HTML tags from fetched API data
