Projeto Frontend Mentor

Repositório destinado a resolver diversos desafios da plataforma Frontend Mentor.

---

Sumário

• News homepage
• Dropdown navigation
• Notifications page
• Tip calculator
• Testimonials grid
• Time tracking
• Rock paper scissors
• Countries API
• Job Listings
• IP Address Tracker
• Todo list
• Ecommerce Page
• Calculator app

Desafios

News homepage

Nível de dificuldade = Junior
Essa é a solução para o desafio News homepage challenge.

Screenshots

Minha resolução

       

Skills praticadas

• Semanticidade HTML5
• Flexbox display
• Responsividade

Dropdown navigation

Nível de dificuldade = Junior
Essa é a solução para o desafio Intro section with dropdown navigation.

Screenshots

Minha resolução

       

Skills praticadas

• Flexbox display
• Grid display
• Responsividade
• Menu de navegação interativo

Notifications Page

Nível de dificuldade = Junior
Essa é a solução para o desafio Notifications page.

Screenshots

Minha resolução

       

Skills praticadas

• Flexbox display
• JavaScript com DOM elements
• Form values

Tip calculator

Nível de dificuldade = Junior
Essa é a solução para o desafio Tip calculator app.

Screenshots

Minha resolução

       

Skills praticadas

• Flexbox display
• Grid display
• JavaScript com DOM elements

Testimonials grid

Nível de dificuldade = Junior
Essa é a solução para o desafio Testimonials Grid Section.

Screenshots

Minha resolução

       

Skills praticadas

• Semanticidade HTML5
• Grid display

Time tracking

Nível de dificuldade = Junior
Essa é a solução para o desafio Time tracking dashboard.

Screenshots

Minha resolução

       

Skills praticadas

• Flexbox display
• Grid display
• JavaScript com DOM elements
• Arquivo JSON

Rock paper scissors

Nível de dificuldade = Avançado
Essa é a solução para o desafio Rock, Paper, Scissors game.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• Grid display
• JavaScript com DOM elements
• Arquivo JSON

Countries API

Nível de dificuldade = Avançado
Essa é a solução para o desafio REST Countries API with color theme switcher.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• Grid display
• JavaScript com DOM elements
• Arquivo JSON
• Manipulação de Array
• Mudança de tema (dark & light)

Job Listings

Nível de dificuldade = Intermediário
Essa é a solução para o desafio Job listings with filtering.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• JavaScript com DOM elements
• Arquivo JSON
• Manipulação de Array e Objeto

IP Address Tracker

Nível de dificuldade = Intermediário
Essa é a solução para o desafio IP Address Tracker.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• JavaScript com DOM elements
• Arquivo JSON
• Manipulação de Array e Objeto
• Uso de API's

Todo list

Nível de dificuldade = Intermediário
Essa é a solução para o desafio Todo app.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• JavaScript com DOM elements
• Manipulação de Array e Objeto
• Salvando dados com Local Storage
• Uso de API (drag & drop)

Ecommerce Page

Nível de dificuldade = Intermediário
Essa é a solução para o desafio E-commerce product page.

Screenshots

Minha resolução

       

Skills praticadas

• Responsividade
• Flexbox display
• JavaScript com DOM elements
• Manipulação de Array e Objeto

Calculator app

Nível de dificuldade = Intermediário
Essa é a solução para o desafio Calculator app.

Screenshots

Minha resolução

       

Skills praticadas

• Grid display
• JavaScript com DOM elements
• Salvando dados com Local Storage

Observações

Tecla	Ação
Escape	Reiniciar
Delete Backspace	Deletar
Enter =	Calcular
+	Adição
-	Subtração
* x	Multiplicação
/	Divisão
!	Fatorial
%	Porcentagem
´ ^ ~	Exponenciação
0-9	Números
Unbound	Troca de sinal