Skip to content

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

License

Notifications You must be signed in to change notification settings

ccostafrias/projeto-fe-mentor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Frontend Mentor

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

Frontend Mentor logo


Sumário

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

divider line

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

divider line

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

divider line

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

divider line

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

divider line

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

divider line

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

divider line

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)

divider line

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

divider line

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

divider line

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)

divider line

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 divider line

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