Skip to content
Andi Muhammad Aqil
All projects
Learning project

Paw & Preferences

A swipe-style cat preference app powered by the CATAAS API.

Built with
  • React
  • CATAAS API
Key capability
Smooth swipe gestures for like and dislike
Source code(opens in a new tab)Live demo(opens in a new tab)
Three phone screens of Paw & Preferences: the swipe guide, a cat card to swipe, and the results with liked cats

Overview

Paw & Preferences shows a stream of cat images from the CATAAS API and lets you like or dislike each one with a swipe. I built it as a learning project focused on interactive UX in React.

Features

  • Dynamic cat images from the CATAAS API
  • Like and dislike interactions
  • Swipe-style interaction with smooth gestures

Technology

  • React

    Swipe interactions, event handling and UI components.

  • CATAAS API

    Supplies the dynamic cat images.

Screenshots

The swipe guide: swipe right to like, swipe left to pass, rate all 20 cats
A short guide before you start.
A cat photo card ready to swipe, with a 1 of 20 counter
Swipe through 20 cats.
Results: 13 cats liked, a 65% approval rating, and a grid of the liked cats
Your results and favourite cats.

What I practiced

  • API integration
  • Event handling
  • Component-driven UI development
  • Interactive UX

Next project

FocusProA productivity and time-management web app for students, freelancers and professionals.View project
FocusPro landing page: “Deep work, without the distractions.” beside a focus timer card that is blocking youtube.com and x.com

Want to work together? Get in touch.

Email meContact page
17 results