Dog Breeds App

Technical interview project developed in React using Create React App.

This app gets data from the Dog CEO API and lays it out classified by dog breeds and their respective sub-breeds.

Production build of the app on Vercel.

How to run this project locally?

Node JS is needed for running the app.

Clone this repository or download it.
Run npm install #Installing project's dependencies
Run npm start #Running the project

App's features

List dog breeds
List dog sub-breeds
List images related to a selected breed or breed and sub-breed
Notifications when errors occur
Placeholders while images are loading
State management using react-redux
Multilanguage support with i18next
Light and dark UI theme modes
Atomic Design System
Language and UI theme mode persistence in LocalStorage
Responsive design
Styling using Styled-Components

A walk through the app

App Homepage in English

App Homepage in Spanish

Breed search

Breed search and Sub-breed specification

Mobile filters shown

Mobile filters Breed search

Mobile filters hidden

Notification on network error

Notification on image download error

Placeholders while images are loading

Dark mode

With 💚 by JMRBDev