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