This project solve the HelloExtended ReactJS challenge, using NextJS, Tailwind CSS and Typescript.
-
Review the mock up available on Figma NOTE: you may need to sign up for a free Figma account in order to inspect the styling properties required for the elements, such as paddings, margins, etc.
-
Review the Dog.ceo api
By Breed
endpoint documentation -
The goal of this challenge is to be able to search for a breed of dogs in a search input and then display up to 10 images of that breed of dog on screen
-
You should be able to favorite and unfavorite images of dogs, moving them into and out of the favorites section of the page
1 - Clone this project running git clone https://github.com/TikoCisneros/next-dog-breeds.git
in your terminal. If you haven't git installed can simply download it and unzip it.
2 - Install all project dependencies with npm install
or yarn install
command.
3 - Run the command npm run dev
or yarn dev
to start serving the project.
4 - That's all. The application is running in http://localhost:3000
.