valeriux / project-02

API Project - Doggie Browser

GA - SEI - PROJECT-02 (Woof Woof Doggies Browser)

Timeframe

• 1 day

Technologies used

• React
• React Select
• Webpack
• Ajax
• JavaScript (ES6)
• CSS Animation.
• SCSS.
• HTML5
• Bulma (CSS framework)
• GitHub

Woof Woof Dogs Page - React project

This was a pair-coding, hackathon project at General Assembly.

The brief was to:

• Consume a publicly available API and it was Thedogapi API.
• Deliver the data back in a React app

Installation

• The site can be run locally by cloning the repository and typing npm i and then npm run serve in the terminal.

App overview

The application allows a user to search for a dog breed, returning the results under the search input. To search you have two options:

• You can select the breed from the list.
• You can write for a specific breed

In order to implement the search we used react-select. We did two axios request:

• The first one was to obtain the breed with the value that was selected.
• The second one was to obtain the image per value.

Future enhancements

• Add an endpoint in the Home page to generate a Random dog.
• Implement a search to show a list of similar dog names.