Fabio Coelho fccoelho7

Tech Questions

I’d like to know what technologies you have worked on.
For how long time have you been working with JavaScript?
- What kind of frameworks?
- Have you tried TypeScript?
Do you have any experience with the back-end?
- What technologies do you usually apply on the back-end?
Do you know anything about the Clean Code? Could you explain some principles?
- How do you apply Clean Code in your daily tasks?

Tech Challenge 🐶

We need to create a web catalog with some dog breeds in order to help some pet shop customers to choose their dogs. For this, we need a list of names and images, being able to filter the results.

Task

Create a web app using the Create React APP.
Create a page, that fetches primary dog breeds from the API below and displays their names and images.
- https://dog.ceo/api/breeds/list/all

https://dog.ceo/api/breed/{breed_name}/images

Using Docker with VirtualBox on MAC

Steps

Install the VirtualBox, run: brew cask install virtualbox
Install some Docker stuff, run: brew install docker docker-machine docker-compose
If you don't have any machine yet, run: docker-machine create
Add some envs to terminal, run: echo "eval $(docker-machine env)" >> ~/.zshrc
Edit host file proxying local domains to docker-machine ip, run sudo vim /etc/hosts and paste the code below:

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>
	<style>
	.component {

	<!DOCTYPE html>
	<html>
	<head>
	<title>Grensa</title>
	<%= csrf_meta_tags %>

	<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
	<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
	</head>

	# This file is auto-generated from the current state of the database. Instead
	# of editing this file, please use the migrations feature of Active Record to
	# incrementally modify your database, and then regenerate this schema definition.
	#
	# Note that this schema.rb definition is the authoritative source for your
	# database schema. If you need to create the application database on another
	# system, you should be using db:schema:load, not running all the migrations
	# from scratch. The latter is a flawed and unsustainable approach (the more migrations
	# you'll amass, the slower it'll run and the greater likelihood for issues).
	#