unsplash api image search
This project was to create an image browsing website to find free photos via
Unsplash using the Unsplash API and including a search function and linking directly
to the creator's page and photo page dynamically updated. This project can be
adapted to use other APIs and inclusion in other contextual projects.
skills
- web development
- web design
technologies
- vscode
- unsplash api
- html5
- css3
- javascript
javascript
The JavaScript was the main portion of the project, utilizing the Unsplash API endpoints
and query methods to create the overall functionality of the page. AJAX was used to
populate the page with dynamically loaded content whenever the API was queried. A
majority of the bugfixing time was also spent in this step to ensure the search function
was running as intended.
html
The HTML used in this project was all generated dynamically through JavaScript
createElement and appendChild functions to create a gridlike layout for the images. The
only HTML not generated dynamically is the search input, search icon, and title of the
page at the top of the page.
css
Basic CSS was also included to create the gridlike layout utilizing the flexbox model to
create a responsive and clean looking layout.
view the live site here