Skip to content

Repository files navigation

cowrywise-test

This Repository contains the code for my Cowrywise Frontend Engineer opening assessment.

Tech Stack

For this test, I used the following tools:

  • Vue JS 3 (Composition API)
  • Axios
  • SCSS
  • Vite
  • Typescript

I was able to meet the requirements and also added some extras, such as:

Extras

Blurhash

I used the blurhash string provided by Unsplash on every image to render a blurred-out version of the images before they fully load to give a perceived sense of faster loading times and reduce the loading stutter, only rendering the full version of the image. image

Composables

I used composables provided via Vue 3 in favor of state-management tools for reusable functionality such as data fetching and the blurhash implementation since the app is fairly simple. This by itself might not have been necessary, but it was a good way to show off knowledge of the composition API.

Clean Code

I went with a component-based approach rather than dump all the code in the App.vue file just because it's the right thing to do and it also makes reviewing the code easier.

Demo

Loading Screen

image

Landing page

image

Searching Page

image

Search results

image

Single Image Modal

image

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages