Unsplash Clone

Unsplash CloneUnsplash Clone

Project Description

An Unsplash website clone to search for photos and more. This was an interview test by Cowry Wise on Notion website. Using the Unsplash API to create a mini unsplash clone. Users get to search for photos and download them.This is a single page application built with react and no extra packages.

Stack:

ReactJs

Libraries:

AxiosSassCSS Modules

Live:

Live

Design Process

Unsplash Clone
Unsplash Clone

This is my first React project. I got to understand a lot about React, and how easy it is compared to vanilla Javascript. Axios handles the http request. The design uses staggered grids to present photos from the API. Placeholders were implemented to provide feedback to users while fetching data from the API.

Challenges

Grids! grids!! grids!!! Css grids are powerful and complex. The staggered grids were complex as i needed to structure the images in a particular way. Implementing the placeholders to got a little difficult at some point too, but yay, it was all worth it.

Future Improvements

Adding more annimations to the page to make it a little less boring and engaging would be great.