diff --git a/config/locales.yml b/config/locales.yml
index c4ba4a51..50c04b62 100644
--- a/config/locales.yml
+++ b/config/locales.yml
@@ -1,3 +1,7 @@
 - locale: en-US
   path: default
   label: English
+
+- locale: pt-BR
+  path: pt
+  label: Português
diff --git a/src/translations/pt-BR.yml b/src/translations/pt-BR.yml
new file mode 100644
index 00000000..0e180599
--- /dev/null
+++ b/src/translations/pt-BR.yml
@@ -0,0 +1,1028 @@
+locale: pt-BR
+translations:
+    ###########################################################################
+    # Tshirt
+    ###########################################################################
+
+    - key: tshirt.about
+      t: Sobre a camiseta
+    - key: tshirt.description
+      t: >
+          O design é impresso numa [camiseta unisex Bella+Canvas 3001 premium cor preta](https://www.printful.com/custom/mens/t-shirts/bella-canvas-3001-unisex-short-sleeve-jersey-t-shirt) (masculina)
+          com um ajuste semi-fino; ou camiseta cinza escura modelo [Anvil 880 Women's Fashion Fit T-Shirt](https://www.printful.com/custom/womens/t-shirts/anvil-880-ladies-ringspun-fashion-fit-t-shirt) (feminina). A modelagem utiliza tamanhos americanos.
+
+    - key: tshirt.getit
+      t: Adquira já a sua!
+    - key: tshirt.price
+      t: $${price} + frete
+
+    ###########################################################################
+    # Demographics
+    ###########################################################################
+
+    # salary ranges
+    - key: salary.work_for_free.long
+      t: Eu trabalho voluntariamente
+    - key: salary.work_for_free.short
+      t: trabalho voluntário
+    - key: salary.work_for_free.shorter
+      t: '0'
+    - key: salary.0_10.long
+      t: $0k-$10k
+    - key: salary.0_10.short
+      t: $0k-$10k
+    - key: salary.0_10.shorter
+      t: 0~10k
+    - key: salary.10_30.long
+      t: $10k-$30k
+    - key: salary.10_30.short
+      t: $10k-$30k
+    - key: salary.10_30.shorter
+      t: 10~30k
+    - key: salary.30_50.long
+      t: $30k-$50k
+    - key: salary.30_50.short
+      t: $30k-$50k
+    - key: salary.30_50.shorter
+      t: 30~50k
+    - key: salary.50_100.long
+      t: $50k-$100k
+    - key: salary.50_100.short
+      t: $50k-$100k
+    - key: salary.50_100.shorter
+      t: 50~100k
+    - key: salary.100_200.long
+      t: $100k-$200k
+    - key: salary.100_200.short
+      t: $100k-$200k
+    - key: salary.100_200.shorter
+      t: 100~200k
+    - key: salary.more_than_200.long
+      t: mais de $200k
+    - key: salary.more_than_200.short
+      t: $200k+
+    - key: salary.more_than_200.shorter
+      t: '>200k'
+    - key: salary.axis_legend
+      t: Faixa Salarial (USD)
+
+    # years of experience
+    - key: workExperience.less_than_1.long
+      t: Menos de um ano
+    - key: workExperience.less_than_1.short
+      t: '<1 ano'
+    - key: workExperience.less_than_1.shorter
+      t: '<1'
+    - key: workExperience.1_2.long
+      t: 1 a 2 anos
+    - key: workExperience.1_2.short
+      t: 1~2 anos
+    - key: workExperience.1_2.shorter
+      t: 1~2
+    - key: workExperience.2_5.long
+      t: 2 a 5 anos
+    - key: workExperience.2_5.short
+      t: 2~5 anos
+    - key: workExperience.2_5.shorter
+      t: 2~5
+    - key: workExperience.5_10.long
+      t: 5 a 10 anos
+    - key: workExperience.5_10.short
+      t: 5~10 anos
+    - key: workExperience.5_10.shorter
+      t: 5~10
+    - key: workExperience.10_20.long
+      t: 10 a 20 anos
+    - key: workExperience.10_20.short
+      t: 10~20 anos
+    - key: workExperience.10_20.shorter
+      t: 10~20
+    - key: workExperience.more_than_20.long
+      t: Mais de 20 anos
+    - key: workExperience.more_than_20.short
+      t: '>20 anos'
+    - key: workExperience.more_than_20.shorter
+      t: '>20'
+    - key: workExperience.axis_legend
+      t: Anos de Experiência
+
+    # company size
+    - key: companySize.1.long
+      t: Um empregado
+    - key: companySize.1.short
+      t: um
+    - key: companySize.1.shorter
+      t: '1'
+    - key: companySize.1_5.long
+      t: 1 a 5 empregados
+    - key: companySize.1_5.short
+      t: 1~5
+    - key: companySize.1_5.shorter
+      t: 1~5
+    - key: companySize.5_10.long
+      t: 5 a 10 empregados
+    - key: companySize.5_10.short
+      t: 5~10
+    - key: companySize.5_10.shorter
+      t: 5~10
+    - key: companySize.10_20.long
+      t: 10 a 20 empregados
+    - key: companySize.10_20.short
+      t: 10~20
+    - key: companySize.10_20.shorter
+      t: 10~20
+    - key: companySize.20_50.long
+      t: 20 a 50 empregados
+    - key: companySize.20_50.short
+      t: 20~50
+    - key: companySize.20_50.shorter
+      t: 20~50
+    - key: companySize.50_100.long
+      t: 50 a 100 empregados
+    - key: companySize.50_100.short
+      t: 50~100
+    - key: companySize.50_100.shorter
+      t: 50~100
+    - key: companySize.100_1000.long
+      t: 100 a 1000 empregados
+    - key: companySize.100_1000.short
+      t: 100~1000
+    - key: companySize.100_1000.shorter
+      t: 100~1000
+    - key: companySize.more_than_1000.long
+      t: Mais de 1000 empregados
+    - key: companySize.more_than_1000.short
+      t: 1000+
+    - key: companySize.more_than_1000.shorter
+      t: 1000+
+    - key: companySize.axis_legend
+      t: Número de Empregados
+
+    # sources
+    - key: sources.other_unknown
+      t: Outra/Desconhecida
+
+    # css proficiency
+
+    - key: block.title.cssProficiency
+      t: Proficiência em CSS
+    - key: block.description.cssProficiency
+      t: Você considera ter qual grau de proficiência em CSS?
+    - key: cssProficiency.axis_legend
+      t: Proficiência em CSS
+    - key: cssProficiency.0.short
+      t: Nenhuma Proficiência
+    - key: cssProficiency.0.long
+      t: 'Praticamente nenhum conhecimento de CSS'
+    - key: cssProficiency.1.short
+      t: Iniciante
+    - key: cssProficiency.1.long
+      t: 'Utiliza frameworks CSS e ajusta estilos existentes'
+    - key: cssProficiency.2.short
+      t: Intermediário
+    - key: cssProficiency.2.long
+      t: 'Conhece regras de especificidade e é capaz de criar layouts'
+    - key: cssProficiency.3.short
+      t: Avançado
+    - key: cssProficiency.3.long
+      t: 'Domina animações, interações, transições etc..'
+    - key: cssProficiency.4.short
+      t: Expert
+    - key: cssProficiency.4.long
+      t: 'Capaz de estilizar um front-end por completo do zero seguindo uma metodologia consistente'
+
+    # backend proficiency
+    - key: block.title.backendProficiency
+      t: Proficiência no Back-end
+    - key: block.description.backendProficiency
+      t: Qual o seu grau de proficiência em desenvolvimento back-end?
+    - key: backendProficiency.axis_legend
+      t: Proficiência em Back-End
+    - key: backendProficiency.0.short
+      t: Nenhuma Proficiência
+    - key: backendProficiency.0.long
+      t: 'Incapaz de lidar com qualquer trabalho back-end'
+    - key: backendProficiency.1.short
+      t: Iniciante
+    - key: backendProficiency.1.long
+      t: 'Capaz de configurar CMS completos como (WordPress, etc.) ou geradores de sites estáticos (Jekyll, etc.)'
+    - key: backendProficiency.2.short
+      t: Intermediário
+    - key: backendProficiency.2.long
+      t: 'Capaz de desenvolver apps usando algum framework pré-existente (Rails, Laravel, etc.)'
+    - key: backendProficiency.3.short
+      t: Avançado
+    - key: backendProficiency.3.long
+      t: 'Capaz de configurar um back-end completo do zero (Go, Node, etc.)'
+    - key: backendProficiency.4.short
+      t: Expert
+    - key: backendProficiency.4.long
+      t: 'Capaz de lidar com arquiteturas complexas multi servidor ou com microsserviços'
+
+    # job title
+    - key: jobTitle.front_end_developer.short
+      t: Desenvolvedor Front End
+    - key: jobTitle.front_end_developer.long
+      t: Desenvolvedor/Engenheiro de Front End
+    - key: jobTitle.back_end_developer.short
+      t: Desenvolvedor Back End
+    - key: jobTitle.back_end_developer.long
+      t: Desenvolvedor/Engenheiro de Back End
+    - key: jobTitle.full_stack_developer.short
+      t: Desenvolvedor Full Stack
+    - key: jobTitle.full_stack_developer.long
+      t: Desenvolvedor/Engenheiro Full Stack
+    - key: jobTitle.web_developer.short
+      t: Desenvolvedor Web
+    - key: jobTitle.web_developer.long
+      t: Desenvolvedor Web
+    - key: jobTitle.web_designer.short
+      t: Web Designer
+    - key: jobTitle.web_designer.long
+      t: Web Designer
+    - key: jobTitle.ux_designer.short
+      t: UX Designer
+    - key: jobTitle.ux_designer.long
+      t: UX Designer
+    - key: jobTitle.ui_designer.short
+      t: UI Designer
+    - key: jobTitle.ui_designer.long
+      t: UI Designer
+    - key: jobTitle.back_end_dev.short
+      t: Desenvolvedor Back-end
+    - key: jobTitle.back_end_dev.long
+      t: Desenvolvedor/Engenheiro Back-end
+
+    # gender
+    - key: block.title.gender
+      t: Gênero
+    - key: block.description.gender
+      t: Gênero do participante.
+    - key: gender.female
+      t: Feminino
+    - key: gender.female.long
+      t: Feminino
+    - key: gender.male
+      t: Masculino
+    - key: gender.male.long
+      t: Masculino
+    - key: gender.non_binary
+      t: Não-Binário/Terceiro Gênero
+    - key: gender.non_binary.long
+      t: Não-Binário/Terceiro Gênero
+    - key: gender.prefer_not_to_say
+      t: Prefiro não responder
+    - key: gender.prefer_not_to_say.long
+      t: Prefiro não responder
+
+    # other
+    - key: block.title.country
+      t: Participação por País
+    - key: block.description.country
+      t: Qual a proporção de participantes da pesquisa veio de cada país.
+    - key: block.title.salary
+      t: Salário
+    - key: block.description.salary
+      t: Salário anual em USD.
+    - key: block.title.workExperience
+      t: Anos de Experiência
+    - key: block.description.workExperience
+      t: Há quanto tempo você programa em JavaScript.
+    - key: block.title.companySize
+      t: Tamanho da Empresa
+    - key: block.description.companySize
+      t: Composição do tamanho da Empresa.
+    - key: block.title.source
+      t: Fonte
+    - key: block.description.source
+      t: >
+          Como os participantes descobriram sobre a pesquisa (agregação das respostas autorreferenciadas e rastreamento de referenciadores).
+
+          **State of JS** indica assinantes das pesquisas anteriores, enquanto **Boca a Boca** reagrupa fontes como Slack, amigos, colegas de trabalho, etc.
+
+    - key: block.title.jobTitle
+      t: Cargo
+    - key: block.description.jobTitle
+      t: Como você se apresenta nas festas?
+
+    ###########################################################################
+    # Features
+    ###########################################################################
+
+    # General 
+
+    - key: page.syntax
+      t: Sintaxe
+    - key: page.language
+      t: Linguagem
+    - key: page.data_structures
+      t: Estruturas de Dados
+    - key: page.browser_apis
+      t: APIs do Navegador
+
+    - key: block.description.decorators
+      t: >
+        Na sua forma mais simples, um decorator é uma forma de encapsular um pedaço de código com outro - literalmente "decorando" ele.
+
+    - key: feature.learn_more
+      t: Learn More (MDN)
+    - key: feature.mdn_link
+      t: MDN
+    - key: feature.caniuse_link
+      t: CanIUse
+    - key: feature.specification_link
+      t: W3C Specification
+
+    - key: featureExperienceSimplified.used_it.long
+      t: Já usei
+    - key: featureExperienceSimplified.know_it.long
+      t: Conheço
+    - key: features.usage.ratio
+      t: Taxa de Uso
+
+    - key: featureExperience.used_it
+      t: Já usei
+    - key: featureExperience.know_not_used
+      t: Sei o que é, mas nunca usei
+    - key: featureExperience.never_heard_not_sure
+      t: Nunca ouvi falar/Não tenho certeza do que é
+
+    - key: featureExperience.used_it.long
+      t: Já usei
+    - key: featureExperience.know_not_used.long
+      t: Sei o que é, mas nunca usei
+    - key: featureExperience.never_heard_not_sure.long
+      t: Nunca ouvi falar/Não tenho certeza do que é
+
+    # Feature Overview
+    - key: block.title.featuresOverview
+      t: Visão Geral de Uso
+    - key: block.description.featuresOverview
+      t: |
+          Este gráfico apresenta as várias taxas de adoção para todas as funcionalidades, agrupadas por categoria.
+
+          O tamanho do <span class="text-teal-darker text-bold">círculo externo</span> corresponde ao número total de usuários que conhecem
+          uma funcionalidade, enquanto que o <span class="text-teal text-bold">círculo interno</span> representa aqueles que realmente a usaram.
+
+          Arraste o mouse em cima de cada nó para visualizar dados detalhados juntamente com uma <span class="text-blackpink text-bold">camada</span> 
+          representando o total de participantes.
+
+    # Features Section Overview
+    - key: block.title.featuresSectionOverview
+      t: Visão Geral de Uso
+    - key: block.description.featuresSectionOverview
+      t: >
+          O tamanho do <span class="text-teal-darker text-bold">círculo externo</span> corresponde ao número total de usuários que conhecem
+          uma funcionalidade, enquanto que o <span class="text-teal text-bold">círculo interior</span> representa aqueles que realmente usaram-na.
+
+          Arraste o mouse em cada nó para visualizar dados detalhados juntamente com uma <span class="text-blackred text-bold">camada</span> 
+          representando o total de participantes da pesquisa.
+
+
+    - key: block.title.featuresExperienceHeatmap
+      t: Uso por Anos de Experiência
+    - key: block.description.featuresExperienceHeatmap
+      t: |
+          A coluna "total" mostra totaliza o uso de cada funcionalidade (participantes que selecionaram “Já usei”),
+          enquanto que as colunas seguintes mostram a proporção de uso para cada faixa de “anos de experiência”.
+
+          Uma cor de fundo <span class="text-teal text-bold">verde azulada</span> mais clara indica uma taxa acimda 
+          da proporção da média total de uma determinada faixa.
+
+    ###########################################################################
+    # Tools & Methodologies
+    ###########################################################################
+
+    # general
+    - key: block.tool.links
+      t: Links
+    - key: block.tool.github_link
+      t: GitHub
+    - key: block.tool.github_stars
+      t: estrelas
+    - key: block.tool.homepage_link
+      t: Homepage
+    - key: block.tool.npm_link
+      t: NPM
+
+    - key: block.title.other-methodologies
+      t: Outras Metodologias
+
+    - key: block.title.companySize_heatmap
+      t: Uso por Tamanho da Empresa
+    - key: block.description.companySize_heatmap
+      t: |
+
+          Para cada tecnologia, mostra como o uso se divide entre os participantes que selecionaram diferentes faixas de tamanho da empresa.
+
+      # The “overall” column shows overall usage for each technology (respondents who selected “would use again” or “would not use again”),
+      # while the following columns show the usage ratio for each “years of experience” bracket.
+
+      # A brighter <span class="text-teal text-bold">teal</span> background indicates
+      # a higher-than-overall-average ratio for a given bracket.
+
+
+    - key: block.title.workExperience_heatmap
+      t: Uso por Anos de Experiência
+    - key: block.description.workExperience_heatmap
+      t: |
+
+          Para cada tecnologia, mostra como o uso se divide entre os participantes que escolheram diferentes faixas de experiência. 
+          Note que a experiência aqui em questão é a experiência geral com JavaScript e não com alguma tecnologia específica.
+
+      # The “overall” column shows overall usage for each technology (respondents who selected “would use again” or “would not use again”),
+      # while the following columns show the usage ratio for each “years of experience” bracket.
+
+      # A brighter <span class="text-teal text-bold">teal</span> background indicates
+      # a higher-than-overall-average ratio for a given bracket.
+
+    - key: block.title.salary_heatmap
+      t: Uso por Faixa Salarial
+    - key: block.description.salary_heatmap
+      t: |
+
+          Para cada tecnologia, mostra como se divide entre os participantes que selecionaram diferentes faixas salariais.
+
+      # The “overall” column shows overall usage for each technology (respondents who selected “would use again” or “would not use again”),
+      # while the following columns show the usage ratio for each “yearly salary” bracket.
+
+      # A brighter <span class="text-teal text-bold">teal</span> background indicates
+      # a higher-than-overall-average ratio for a given bracket.
+
+    # rankings/bump chart
+    - key: block.title.toolExperienceRanking
+      t: Classificações
+    - key: block.description.toolExperienceRanking
+      t: >
+          Classificação de Percepção, Interesse, e Satisfação.
+    - key: opinions.legends.awareness_ratio
+      t: Percepção
+    - key: opinions.legends.interest_ratio
+      t: Interesse
+    - key: opinions.legends.satisfaction_ratio
+      t: Satisfação
+
+    # overview
+    - key: block.title.toolsSectionOverview
+      t: Visão geral das Categorias
+    - key: block.description.toolsSectionOverview
+      t: >
+          Visão geral das opiniões sobre as tecnologias pesquisadas. Segmentos mais escuros reprensentam opiniões positivas,
+          enquanto segmentos mais claros correspondem a um sentimento negativo.
+
+    # Arrows (Movement over time)
+    - key: block.title.toolsArrow
+      t: Mudanças no tempo
+    # - key: block.description.toolsArrow
+    #   t: >
+    #       How has the ecosystem changed over three years?
+    - key: block.description.toolsArrow
+      t: >
+          Cada linha vai de 2016 a 2019. Um ponto mais alto significa que uma tecnologia foi mais utilizada por mais gente e um ponto 
+          mais à direita significa que mais usuários gostariam de aprender sobre a tecnologia; ou que já utilizaram antes e o fariam novamente.
+
+    - key: amelia.bio
+      t: >
+        Amelia Wattenberger é uma desenvolvedora frontend e designer focada em visualização de dados.
+        Ela é a autora do guia [Fullstack D3 and Data Visualization](https://www.newline.co/fullstack-d3),
+        para a criação da sua própria visualização de dados, e além disso, compartilha pensamentos e tutoriais 
+        no [Twitter](https://twitter.com/Wattenberger) e [no site dela](https://wattenberger.com/).
+
+    # quadrant/scatterplot chart
+    - key: block.title.scatterplotOverview
+      t: Satisfação vs Uso
+    - key: block.description.scatterplotOverview.satisfaction
+      t: >
+          Este gráfico mostra a **proporção de satisfação** de cada tecnologia em relação ao total da **contagem de usurários**.
+          Ele pode ser dividido em quatro quadrantes:
+          
+          - **AVALIE**: Baixo uso, alta satisfação. Tecnologias que valem a pena acompanhar.
+
+          - **ADOTE**: Alto uso, alta satisfação. Tecnologias de adoção garantida.
+
+          - **EVITE**: Baixo uso, baixa satisfação. Tecnologias que provavelmente devem ser evitadas por enquanto.
+
+          - **ANALISE**: Alto uso, baixa satisfação. Reavalie estas tecnologias caso as esteja utilizando.
+
+    - key: block.description.scatterplotOverview.interest
+      t: >
+          Este gráfico mostra a **proporção de interesse** em relação ao seu total de **usuários**
+          (como definido pelos participantes que conhecem a tecnologia mas **ainda não a utilisaram**).
+
+          (Note que baixos número de usuários pode ser explicado por: uma tecnologia desconhecida; 
+          ou uma tecnologia com muitos participantes já a utilizando.)
+
+    - key: quadrants.assess
+      t: Avalie
+    - key: quadrants.adopt
+      t: Adote
+    - key: quadrants.avoid
+      t: Evite
+    - key: quadrants.analyze
+      t: Analise
+
+    # happiness
+    - key: block.title.happiness
+      t: Felicidade Geral
+    - key: block.description.happiness
+      t: |
+          Numa escala de 1 (muito infeliz) a 5 (muito feliz), quão feliz estão dos desenvolvedores com o estado geral atual desta categoria?
+
+    # experience
+    - key: block.title.toolExperience
+      t: Experiência em relação ao Tempo - ${name}
+    - key: block.description.toolExperience
+      t: Experiência do participante com ${name}.
+
+    - key: toolExperience.never_heard.long
+      t: Nunca ouvi falar a respeito
+    - key: toolExperience.never_heard.short
+      t: Nunca ouvi falar a respeito
+    - key: toolExperience.never_heard.extrashort
+      t: Nunca ouvi
+
+    - key: toolExperience.not_interested.long
+      t: Já OUVI FALAR a respeito, e NÃO estou interessado
+    - key: toolExperience.not_interested.short
+      t: Já OUVI FALAR a respeito, mas não me interessa
+    - key: toolExperience.not_interested.extrashort
+      t: Não interessado
+
+    - key: toolExperience.interested.long
+      t: Já OUVI FALAR a respeito, e GOSTARIA de aprender sobre
+    - key: toolExperience.interested.short
+      t: OUVI FALAR a respeito, GOSTARIA de aprender
+    - key: toolExperience.interested.extrashort
+      t: Interessado
+
+    - key: toolExperience.would_use.long
+      t: Já USEI antes, e VOLTARIA a usar novamente
+    - key: toolExperience.would_use.short
+      t: Já USEI antes, VOLTARIA a usar novamente
+    - key: toolExperience.would_use.extrashort
+      t: Voltaria a usar novamente
+
+    - key: toolExperience.would_not_use.long
+      t: Já USEI antes, e não usaria novamente
+    - key: toolExperience.would_not_use.short
+      t: Usei, não usaria novamente
+    - key: toolExperience.would_not_use.extrashort
+      t: Não usaria
+
+    - key: toolExperience.negative_opinion.extrashort
+      t: Opiniões Negativas
+    - key: toolExperience.positive_opinion.extrashort
+      t: Opiniões Positivas
+    - key: toolExperience.have_not_used.extrashort
+      t: Não usei
+    - key: toolExperience.have_used.extrashort
+      t: Já usei
+
+    - key: toolExperience.total_respondents.long
+      t: Total de Participantes
+    - key: toolExperience.total_respondents.short
+      t: Total de Participantes
+    - key: toolExperience.total_respondents.extrashort
+      t: Total de Participantes
+
+    # other category tools
+    - key: block.title.category-other-tools
+      t: Outras Ferramentas
+    - key: block.description.category-other-tools
+      t: Outras ferramentas nesta categoria (respostas livres).
+
+    ###########################################################################
+    # Other Tools
+    ###########################################################################
+
+    - key: block.title.utilities
+      t: Bibliotecas Utilitárias
+    - key: block.description.utilities
+      t: Quais bibliotecas utilitárias você usa com frequência?
+    - key: block.title.utilities_others
+      t: Outras Bibliotecas Utilitárias
+    - key: block.description.utilities_others
+      t: Outras respostas (campo aberto).
+
+    - key: block.title.text_editors
+      t: Editores de Texto
+    - key: block.description.text_editors
+      t: Quais editor(es) de texto você usa com frequência?
+    - key: block.title.text_editors_others
+      t: Outros Editores de Texto
+    - key: block.description.text_editors_others
+      t: Outras respostas (campo aberto).
+
+    - key: block.title.browsers
+      t: Navegadores
+    - key: block.description.browsers
+      t: Qual(is) o(s) principal(is) navegador(es) você usa durante o início do desenvolvimento?
+    - key: block.title.browsers_others
+      t: Outros Navegadores
+    - key: block.description.browsers_others
+      t: Outras respostas (campo aberto).
+
+    - key: block.title.build_tools
+      t: Ferramentas de Build
+    - key: block.description.build_tools
+      t: Qual(is) ferramentas de build você utiliza?
+    - key: block.title.build_tools_others
+      t: Outras Ferramentas de Build
+    - key: block.description.build_tools_others
+      t: Outras respostas (campo aberto).
+
+    - key: block.title.non_js_languages
+      t: Outras linguagens de programação
+    - key: block.description.non_js_languages
+      t: Qual(is) outra(s) linguagen(s) de programação você utiliza?
+    - key: block.title.non_js_languages_others
+      t: Outras Linguagens
+    - key: block.description.non_js_languages_others
+      t: Outras respostas (campo aberto).
+
+
+    ###########################################################################
+    # Resources
+    ###########################################################################
+
+    # blogs & magazines
+    - key: block.title.blogs_news_magazines
+      t: Blogs e Revistas
+    - key: block.description.blogs_news_magazines
+      t: Quais blogs/revistas/etc relacionados à JavaScript você costuma ler?
+    - key: block.title.blogs_news_magazines_others
+      t: Outros Blogs e Revistas
+    - key: block.description.blogs_news_magazines_others
+      t: Outras respostas (campo aberto).
+
+    # sites & courses
+    - key: block.title.sites_courses
+      t: Sites e Cursos
+    - key: block.description.sites_courses
+      t: Quais sites/cursos/etc relacionados à JavaScript você costuma consultar?
+    - key: block.title.sites_courses_others
+      t: Outros Sites e Cursos
+    - key: block.description.sites_courses_others
+      t: Outras respostas (campo aberto).
+
+    # podcasts
+    - key: block.title.podcasts
+      t: Podcasts
+    - key: block.description.podcasts
+      t: Quais podcasts relacionados à JavaScript ou a programação você costuma ouvir?
+    - key: block.title.podcasts_others
+      t: Outros Podcasts
+    - key: block.description.podcasts_others
+      t: Outras respostas (campo aberto).
+
+    ###########################################################################
+    # Opinions
+    ###########################################################################
+
+    - key: block.title.easy-to-learn
+      t: Curva de Aprendizado
+    - key: block.description.easy-to-learn
+      t: "JavaScript é fácil de aprender"
+
+    - key: block.title.js_moving_in_right_direction
+      t: Direcção
+    - key: block.description.js_moving_in_right_direction
+      t: “JavaScript está indo na direção correta”
+
+    - key: block.title.building_js_apps_overly_complex
+      t: Complexidade
+    - key: block.description.building_js_apps_overly_complex
+      t: “Construir aplicações JavaScript se tornou muito mais complexo”
+
+    - key: block.title.js_over_used_online
+      t: Uso
+    - key: block.description.js_over_used_online
+      t: “JavaScript é usado em excesso online”
+
+    - key: block.title.enjoy_building_js_apps
+      t: Satisfação
+    - key: block.description.enjoy_building_js_apps
+      t: “Estou gosto de construir aplicações JavaScript”
+
+    - key: block.title.would_like_js_to_be_main_lang
+      t: Linguagem Principal
+    - key: block.description.would_like_js_to_be_main_lang
+      t: “Eu gostaria de ter JavaScript como a minha principal linguagem de programação”
+
+    - key: block.title.js_ecosystem_changing_to_fast
+      t: Velocidade de Mudança
+    - key: block.description.js_ecosystem_changing_to_fast
+      t: “O ecossistema do JavaScript está mudando muito rápido”
+
+    - key: block.title.missing-features
+      t: Funcionalidades ausentes
+    - key: block.description.missing-features
+      t: O que os desenvolvedores acham que está em falta no JavaScript?
+
+      # opinion scale
+    - key: opinions.0.short
+      t: Discordo Totalmente
+    - key: opinions.1.short
+      t: Discordo
+    - key: opinions.2.short
+      t: Neutro
+    - key: opinions.3.short
+      t: Concordo
+    - key: opinions.4.short
+      t: Concordo Totalmente
+
+    - key: opinions.0.long
+      t: Discordo Totalmente
+    - key: opinions.1.long
+      t: Discordo
+    - key: opinions.2.long
+      t: Neutro
+    - key: opinions.3.long
+      t: Concordo
+    - key: opinions.4.long
+      t: Concordo Totalmente
+
+    ###########################################################################
+    # Awards
+    ###########################################################################
+
+    - key: awards.runner_ups
+      t: 2º e 3º Colocados
+
+    # feature_adoption
+    - key: award.feature_adoption_award.title
+      t: Funcionalidade mais adotada
+    - key: award.feature_adoption_award.description
+      t: |
+          Concedido à funcionalidade mais adotada do JavaScript.
+    - key: award.feature_adoption_award.comment
+      t: |
+          Com **${items[0].value}** usuários ${items[0].name}
+          é a funcionalidade mais utilizada do JavaScript este ano.
+
+    # tool_satisfaction
+    - key: award.tool_satisfaction_award.title
+      t: Maior Satisfação
+    - key: award.tool_satisfaction_award.description
+      t: |
+          Concedido à tecnologia com a maior porcentagem de usuários satisfeitos.
+    - key: award.tool_satisfaction_award.comment
+      t: |
+          Com **${items[0].value}** de usuários que usariam novamente,
+          ${items[0].name} prova mais uma vez que não está para brincadeiras.
+
+    # tool_interest
+    - key: award.tool_interest_award.title
+      t: Maior Interesse
+    - key: award.tool_interest_award.description
+      t: |
+          Concedido à tecnologia com o maior número de desenvolvedores interessados em aprender.
+    - key: award.tool_interest_award.comment
+      t: |
+          **${items[0].value}** de desenvolvedores que ouviram falar a sobre ${items[0].name} querem aprender sobre a tecnologia.
+          Isso é que é interesse!
+
+    # tool_usage
+    - key: award.tool_usage_award.title
+      t: Tecnologia Mais Usada
+    - key: award.tool_usage_award.description
+      t: |
+          Concedido à tecnologia com a maior base de usuários.
+    - key: award.tool_usage_award.comment
+      t: |
+          Com **${items[0].value}** usuários ${items[0].name}
+          é a tecnologia mais usada desse ano.
+
+    # resource_usage
+    - key: award.resource_usage_award.title
+      t: Recurso Mais Usado
+    - key: award.resource_usage_award.description
+      t: |
+          Concedido ao recurso com a maior base de usuários.
+    - key: award.resource_usage_award.comment
+      t: |
+          Com **${items[0].value}** usuários ${items[0].name}
+          é o recurso mais utilizado desse ano.
+
+    # tool_mention
+    - key: award.tool_mention_award.title
+      t: Mais Mencionado
+    - key: award.tool_mention.description
+      t: |
+          Concedido à biblioteca mais mencionada na resposta "Outras Bibliotecas".
+    - key: award.tool_mention_award.comment
+      t: |
+          ${items[0].name} coletou **${items[0].value}** menções,
+          se tornando a principal resposta de campo aberto com folga.
+
+    # prediction_award
+    - key: award.prediction_award.title
+      t: Prêmio de Futurologia
+    - key: award.prediction_award.description
+      t: |
+          Concedido a uma tecnologia promissora que pode dominar geral, ou não...
+    - key: award.prediction_award.comment
+      t: |
+          ${items[0].name} fez a sua entrada triunfal na pesquisa desse ano e 
+          mal podemos esperar pra ver até onde ela vai chegar!
+
+    ###########################################################################
+    # Generic
+    ###########################################################################
+
+    # pages
+    - key: page.introduction
+      t: Introdução
+    - key: page.tshirt
+      t: Camiseta
+    - key: page.demographics
+      t: Demografia
+    - key: page.overview
+      t: Visão Geral
+    - key: page.features
+      t: Funcionalidades
+    - key: page.other_features
+      t: Outras Funcionalidades
+    - key: page.javascript_flavors
+      t: JavaScript Flavors
+    - key: page.javascript_flavors.short
+      t: JavaScript Flavors
+    - key: page.javascript_flavors_others
+      t: Outros Flavors
+    - key: page.front_end_frameworks
+      t: Frameworks Front End
+    - key: page.front_end_frameworks.short
+      t: Front End
+    - key: page.front_end_frameworks_others
+      t: Outros Frameworks
+    - key: page.data_layer
+      t: Camada de Dados
+    - key: page.data_layer.short
+      t: Camada de Dados
+    - key: page.data_layer_others
+      t: Outras Ferramentas da Camada de Dados
+    - key: page.back_end_frameworks
+      t: Frameworks Back End
+    - key: page.back_end_frameworks.short
+      t: Back End
+    - key: page.back_end_frameworks_others
+      t: Outros Frameworks
+    - key: page.testing
+      t: Testes
+    - key: page.testing.short
+      t: Testes
+    - key: page.testing_others
+      t: Outras Ferramentas
+    - key: page.mobile_desktop
+      t: Mobile & Desktop
+    - key: page.mobile_desktop.short
+      t: Mobile & Desktop
+    - key: page.mobile_desktop_others
+      t: Outras Ferramentas
+    - key: page.other_tools
+      t: Outras Ferramentas
+    - key: page.environments
+      t: Ambientes
+    - key: page.resources
+      t: Recursos
+    - key: page.opinions
+      t: Opiniões
+    - key: page.awards
+      t: Premiação
+    - key: page.conclusion
+      t: Conclusão
+    - key: page.support
+      t: Nos Apoie
+
+    # sharing
+    - key: share.share
+      t: Compartilhar
+    - key: share.site.title
+      t: Descubra os resultados da StateOf JavaScript 2019
+    - key: share.site.twitter_text
+      t: 'Descubra os resultados da pesquisa State Of JavaScript 2019 ${link} #StateOfJS'
+    - key: share.site.subject
+      t: Resultados da pesquisa State Of JavaScript
+    - key: share.site.body
+      t: 'Veja alguns resultados interessantes da pesquisa State of JavaScript: ${link}'
+    - key: share.block.twitter_text
+      t: '#StateOfJS 2019: ${title} ${link}'
+    - key: share.block.subject
+      t: Resultados da pesquisa State Of JavaScript
+    - key: share.block.body
+      t: 'Veja alguns resultados interessantes da pesquisa State of JavaScript (${title}): ${link}'
+    - key: share.twitter
+      t: Compartilhar no Twitter
+    - key: share.facebook
+      t: Compartilhar no Facebook
+    - key: share.linkedin
+      t: Compartilhar no LinkedIn
+    - key: share.email
+      t: Compartilhar por email
+    - key: share.image
+      t: Salvar imagem
+
+    # export
+    - key: export.export
+      t: Exportar
+    - key: export.title
+      t: Exportar dados de ${title}
+    - key: export.nocsv
+      t: Desculpe, mas, este conjunto de dados não está disponível em formato CSV.
+    - key: export.graphql
+      t: >
+          Apesar da nossa API GraphQL ainda não estar pública, pretendemos expô-la para tornar 
+          mais fácil a consulta dos dados. Caso tenha interesse e deseje saber mais, acompanhe 
+          <a href="https://github.com/StateOfJS/state-of-js-graphql-results-api/issues/1">esta issue no GitHub</a>
+
+
+    # general
+    - key: general.title
+      t: State of JavaScript 2019
+    - key: general.description
+      t: Descubra as tecnologias e funcionalidades do JavaScript mais populares do ano.
+    - key: general.stay_tuned
+      t: Fique ligado
+    - key: general.leave_your_email
+      t: "Caso tenha interesse em saber sobre lançamentos de novos resultados ou sobre a edição do ano que vem, deixe o seu email abaixo:" 
+    - key: general.your_email
+      t: Seu Email
+    - key: general.notify_me
+      t: Me avise
+    - key: general.help_us_translate
+      t: Ajude a traduzir a pesquisa →
+    - key: general.not_found
+      t: >
+
+          ## Error 404
+
+          Desculpe, mas não conseguimos encontrar esta página. Caso, ache que alguma coisa está quebrada, por favor [abra uma issue](https://github.com/StateOfJS/State-of-JS-2019/issues)
+    - key: general.back_to_intro
+      t: Voltar para a Introdução
+    - key: general.close_nav
+      t: Fechar o menu de navegação
+    - key: general.completion_percentage
+      t: 'Porcentagem de Conclusão:'
+    - key: general.previous
+      t: 'Anterior:'
+    - key: general.next
+      t: 'Próximo:'
+    - key: general.start
+      t: Iniciar
+
+    # partners
+    - key: partners.our_partners
+      t: Nossos Parceiros
+    - key: partners.become_partner
+      t: Apoie a pesquisa
+    - key: partners.thanks
+      t: Obrigado aos nossos parceiros pelo apoio dado!
+    - key: partners.learn_more
+      t: Saiba mais.
+    - key: block.title.recommendedResources
+      t: Recursos Recomendados
+
+    # charts
+    - key: block.title.usage-ratio
+      t: Classificação por Taxa de Uso
+    - key: block.description.usage-ratio
+      t: Classificação das taxas de uso entre usuários que conhecem a tecnologia.
+    - key: users_percentage
+      t: Percentual de Usuários
+    - key: users_count
+      t: Contagem de Usuários
+    - key: satisfaction_percentage
+      t: Percentual de Satisfação
+    - key: interest_percentage
+      t: Percentual de Interesse
+    - key: chart_mode
+      t: modo
+    - key: chart_mode.absolute
+      t: absoluto
+    - key: chart_mode.relative
+      t: relativo
+    - key: chart_units
+      t: Unidades
+    - key: chart_units.percentage
+      t: Percentuais
+    - key: chart_units.count
+      t: Contagem
+    - key: users
+      t: usuários
+    - key: percent_satisfaction
+      t: '% de satisfação'
+    - key: percent_interest
+      t: '% de interesse'
+    # find usage
+    - key: heatmap.average
+      t: Total
+    # find usage
+    - key: difference_from_average_usage
+      t: 'Diferença de uso do total:'
+    # find usage
+    - key: all
+      t: 'Tudo'
+
+    # other
+    - key: bio.guest_visualizer
+      t: Expert convidada
\ No newline at end of file
diff --git a/src/translations/pt-BR/conclusions/conclusion.md b/src/translations/pt-BR/conclusions/conclusion.md
new file mode 100644
index 00000000..6513631b
--- /dev/null
+++ b/src/translations/pt-BR/conclusions/conclusion.md
@@ -0,0 +1,15 @@
+---
+type: introduction
+page: conclusion
+locale: pt-BR
+---
+
+Sabe quando as vezes você está ajustando algumas linhas de código aqui e acolá e, de repente, percebe que algumas funções poderiam ser refatoradas? Daí em diante, uma coisa leva a outra... e de repente, você se vê já há alguns dias no processo de montar uma stack completa, super nova, com um banco de dados e uma API GraphQL?
+
+Foi isso que aconteceu com a gente este ano. E, apesar de ter como resultado algumas noites bem estressantes enquanto tentávamos concluir e lançar os resultados da State of JavaScript 2019 ainda em 2019; também significa que temos uma stack muito mais poderosa e flexível para coletar e analisar dados daqui em diante.
+
+Isso virá a calhar para analisar a evolução de todas as novas ondas de ferramentas como Svelte, Stencil, Sporky, Nest, ou Flutter. E sim, eu acabei de inventar um desses cinco, mas, admita: por um momento, você ficou na dúvida, não foi?
+
+Mas, não se preocupe. Não importa quantas bibliotecas com nomes estranhos a comunidade continue lançando, estaremos lá para ajudar a desvendar todo esse caos... isto é, se não estivermos muito ocupados fazendo uma nova refactoração para tornar nosso código simplesmente perfeito!
+
+<span class="conclusion__byline">– Sacha & Raphaël</span>
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/awards.md b/src/translations/pt-BR/introductions/awards.md
new file mode 100644
index 00000000..a9353674
--- /dev/null
+++ b/src/translations/pt-BR/introductions/awards.md
@@ -0,0 +1,7 @@
+---
+type: introduction
+page: awards
+locale: pt-BR
+---
+
+A premiação mais prestigiada do mundo (e possivelmente a única) em relação ao JavaScript está de volta. Antes de seguir adiante, que tal tentar adivinhar quem levou o ouro em cada categoria?
diff --git a/src/translations/pt-BR/introductions/demographics.md b/src/translations/pt-BR/introductions/demographics.md
new file mode 100644
index 00000000..6d27906e
--- /dev/null
+++ b/src/translations/pt-BR/introductions/demographics.md
@@ -0,0 +1,7 @@
+---
+type: introduction
+page: demographics
+locale: pt-BR
+---
+
+A pesquisa State of Javascript desse ano, está em sua quarta edição e atingiu a marca de 21.717 participantes. Foi interessante notar que apesar de poucas pessoas se identificarem puramente como back-end developers, os participantes da pesquisa ainda se sentem bastante confortáveis lidando com o desenvolvimento no lado servidor.
diff --git a/src/translations/pt-BR/introductions/features/browser_apis.md b/src/translations/pt-BR/introductions/features/browser_apis.md
new file mode 100644
index 00000000..fb0356d5
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/browser_apis.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   browser_apis
+locale: pt-BR
+---
+
+As funcionalidades fornecidas pelo navegador.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/features/data_structures.md b/src/translations/pt-BR/introductions/features/data_structures.md
new file mode 100644
index 00000000..9e5193e6
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/data_structures.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   data_structures
+locale: pt-BR
+---
+
+Como você guarda e manipula dados.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/features/features.md b/src/translations/pt-BR/introductions/features/features.md
new file mode 100644
index 00000000..60113884
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/features.md
@@ -0,0 +1,10 @@
+---
+type: introduction
+page: features
+locale: pt-BR
+---
+
+Uma das coisas mais excitantes sobre JavaScript é que como uma linguagem ela não fica parada. De arrow functions a destructuring, várias funcionalidades importantes foram adicionadas nos últimos anos e se tornaram parte integral de como programamos em JavaScript.
+
+Por isso, a partir deste ano, além de quais ferramentas você usa, também vamos acompanhar como você programa em JavaScript: os padrões, a sintaxe, e as funcionalidades que você usa... ou talvez não usa ainda mas, que com certeza está de olho!
+
diff --git a/src/translations/pt-BR/introductions/features/language.md b/src/translations/pt-BR/introductions/features/language.md
new file mode 100644
index 00000000..07288c58
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/language.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   language
+locale: pt-BR
+---
+
+O vocabulário do JavaScript.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/features/other_features.md b/src/translations/pt-BR/introductions/features/other_features.md
new file mode 100644
index 00000000..17547ed2
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/other_features.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   other_features
+locale: pt-BR
+---
+
+Outras tecnologias e padrões.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/features/syntax.md b/src/translations/pt-BR/introductions/features/syntax.md
new file mode 100644
index 00000000..22daeb0b
--- /dev/null
+++ b/src/translations/pt-BR/introductions/features/syntax.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   syntax
+locale: pt-BR
+---
+
+A gramática do JavaScript.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/introduction.md b/src/translations/pt-BR/introductions/introduction.md
new file mode 100644
index 00000000..60b4a580
--- /dev/null
+++ b/src/translations/pt-BR/introductions/introduction.md
@@ -0,0 +1,39 @@
+---
+type: introduction
+page: introduction
+locale: pt-BR
+---
+
+<span class="first-letter">E</span>stávamos bem certos de que 2018 seria a última vez que faríamos esta pesquisa. Afinal, o ecossistema do JavaScript não conseguiria se manter mudando *de novo*, não é?
+
+Mas, sabe-se lá... ao que parece o JavaScript ainda não parou de mudar! E após 21.717 participantes responderem a pesquisa desse ano tivemos que desenterrar nossos componentes e gráficos, xingar a nós mesmos por escrever um código tão ruim no ano passado, e colocar a mão na massa minerando os dados.
+
+Por falar nisso, tivemos a ajuda da maravilhosa [Amelia Wattenberger](http://wattenberger.com/). Que se juntou ao time como expert em visualização de dados convidada para contribuir com um novo olhar sob nossos dados. Você poderá explorar o trabalho dela na seção **Visão Geral**.
+
+Também pegamos emprestadas algumas novas visualizações da pesquisa irmã [State of CSS](https://2019.stateofcss.com/). Recomendamos uma olhada nela, caso ainda não tenha visto!
+
+### Time
+
+A Pesquisa State of JavaScript é criada e mantida por:
+
+- [Sacha Greif](https://twitter.com/sachagreif) (eu!): Design, escrita, codificação
+- [Raphaël Benitte](https://twitter.com/benitteraphael): Análise de dados, visualização de dados
+
+Não deixe de conhecer meu framework JavaScript com React/GraphQL, [Vulcan.js](http://vulcanjs.org), bem como a biblioteca de visualização de dados do Raphaël, [nivo](https://nivo.rocks).
+
+### Baixe os dados
+
+Você pode [baixar os dados da pesquisa em formato JSON](https://www.kaggle.com/sachag/state-of-js-2019). Caso você crie sua própria visualização dos dados não deixe de nos avisar!
+
+
+### Porcentagens de Conclusão
+
+Como todas as perguntas da pesquisa podem ser puladas, algumas questões receberam menos respostas que outras. Por isso, adicionamos um pequeno gráfico de pizza em cada questão indicando qual a proporção do total de participantes responderam a ela. 
+
+### Créditos e outras informações
+
+O site está hospedado no IBM Plex Mono. Perguntas? Algum feedback? [Entre em contato!](mailto:hello@stateofjs.com)
+
+Agora vejamos o que o JavaScript andou aprontando esse ano!
+
+<span class="conclusion__byline">– Sacha e Raphaël</span>
diff --git a/src/translations/pt-BR/introductions/opinions.md b/src/translations/pt-BR/introductions/opinions.md
new file mode 100644
index 00000000..197ba43d
--- /dev/null
+++ b/src/translations/pt-BR/introductions/opinions.md
@@ -0,0 +1,9 @@
+---
+type: introduction
+page: opinions
+locale: pt-BR
+---
+
+As vezes, a melhor maneira de dar um impulso na comunidade é apenas seguir em frente e perguntar. De perguntas como "Dê sua opinião sobre o ritmo de mudança do JavaScript", até questões mais delicadas como "O JavaScript está indo na direção certa?" finalmente você teve a chance de dizer aos outros exatamente o que se passa na sua cabeça!
+
+Utilizando uma escala de 0 a 5 pontos perguntamos o quanto você concordou com cada uma das sentenças a seguir.
diff --git a/src/translations/pt-BR/introductions/other-tools.md b/src/translations/pt-BR/introductions/other-tools.md
new file mode 100644
index 00000000..b3f86a3d
--- /dev/null
+++ b/src/translations/pt-BR/introductions/other-tools.md
@@ -0,0 +1,7 @@
+---
+type: introduction
+page: other_tools
+locale: pt-BR
+---
+
+Você sempre precisa de um editor de texto para codificar, mas o processo de escrever código em Javascript também necessita de navegadores e ferramentas de desenvolvimento. Talvez mais até que qualquer outra linguagem de desenvolvimento. 
diff --git a/src/translations/pt-BR/introductions/overview.md b/src/translations/pt-BR/introductions/overview.md
new file mode 100644
index 00000000..3663a5f1
--- /dev/null
+++ b/src/translations/pt-BR/introductions/overview.md
@@ -0,0 +1,7 @@
+---
+type: introduction
+page: overview
+locale: pt-BR
+---
+
+Antes de entrar em detalhes, que tal uma visão geral do ecossistema JavaScript em 2019? Essa é uma cortesia da talentosa [Amelia Wattenberger](https://wattenberger.com/), nossa expert em visualização de dados convidada!
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/resources.md b/src/translations/pt-BR/introductions/resources.md
new file mode 100644
index 00000000..44390545
--- /dev/null
+++ b/src/translations/pt-BR/introductions/resources.md
@@ -0,0 +1,10 @@
+---
+type: introduction
+page: resources
+locale: pt-BR
+# note: naming this file `resources.md` creates conflict with existing `resources.yml`
+---
+
+Tem muita coisa que você pode descobrir sozinho. No entanto, em algum momento você precisa largar o teclado e ouvir o que os sábios e mais experientes tem a dizer - ou talvez só perguntar ao Google.
+
+Qualquer que seja o caso, gostariamos de saber com quais blogs, revistas, podcasts e outros sites você pôde contar.
diff --git a/src/translations/pt-BR/introductions/support.md b/src/translations/pt-BR/introductions/support.md
new file mode 100644
index 00000000..d6cd418b
--- /dev/null
+++ b/src/translations/pt-BR/introductions/support.md
@@ -0,0 +1,9 @@
+---
+type: introduction
+page: support
+locale: pt-BR
+---
+A pesquisa State of Javascript é um projeto voluntário, mas a fim de tornar o projeto sustentável estamos sempre em busca de parceiros que possam nos ajudar, seja financeiramente, seja espalhando a palavra.
+
+Caso ache que você pode nos ajudar de alguma forma, não hesite em
+<a href="mailto:hello@stateofjs.com">entrar em contato</a>!
diff --git a/src/translations/pt-BR/introductions/tools/back_end_frameworks.md b/src/translations/pt-BR/introductions/tools/back_end_frameworks.md
new file mode 100644
index 00000000..14da7389
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/back_end_frameworks.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   back_end_frameworks
+locale: pt-BR
+---
+
+JavaScript no servidor.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tools/data_layer.md b/src/translations/pt-BR/introductions/tools/data_layer.md
new file mode 100644
index 00000000..53dd81f5
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/data_layer.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   data_layer
+locale: pt-BR
+---
+
+Carregamento e gerenciamento de dados na sua aplicação.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tools/front_end_frameworks.md b/src/translations/pt-BR/introductions/tools/front_end_frameworks.md
new file mode 100644
index 00000000..b46c1eb2
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/front_end_frameworks.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   front_end_frameworks
+locale: pt-BR
+---
+
+Frameworks e Bibliotecas Front-end.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tools/javascript_flavors.md b/src/translations/pt-BR/introductions/tools/javascript_flavors.md
new file mode 100644
index 00000000..aa68a84e
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/javascript_flavors.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   javascript_flavors
+locale: pt-BR
+---
+
+Linguagens de programação que compilam para JavaScript.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tools/mobile_desktop.md b/src/translations/pt-BR/introductions/tools/mobile_desktop.md
new file mode 100644
index 00000000..6880a1fd
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/mobile_desktop.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   mobile_desktop
+locale: pt-BR
+---
+
+JavaScript para dispositívos móveis e aplicações desktop.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tools/testing.md b/src/translations/pt-BR/introductions/tools/testing.md
new file mode 100644
index 00000000..e8fc6468
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tools/testing.md
@@ -0,0 +1,7 @@
+---
+type:   introduction
+page:   testing
+locale: pt-BR
+---
+
+Ferramentas para testar o seu código.
\ No newline at end of file
diff --git a/src/translations/pt-BR/introductions/tshirt.md b/src/translations/pt-BR/introductions/tshirt.md
new file mode 100644
index 00000000..fe7634c1
--- /dev/null
+++ b/src/translations/pt-BR/introductions/tshirt.md
@@ -0,0 +1,13 @@
+---
+type: introduction
+page: tshirt
+locale: pt-BR
+---
+
+## Camiseta The State of JavaScript: Ajude a pesquisa e fique bem na fita!
+
+Este ano estamos lançando a nossa própria **👕 Camiseta State of JavaScript 👕** para financiar nossos esforços!
+
+A camiseta apresenta uma ”tabela periódica do JavaScript” que lista as bibliotecas mais populares agrupadas por categoria, junto à sua contagem de estrelas (em milhares) no Github.
+
+Esta camiseta é uma ótima forma de se familiarizar com o ecossistema do JavasScript e, talvez até iniciar conversas com outros desenvolvedores JavaScript!
\ No newline at end of file