Skip to content

Gustavo-Victor/advice-generator-app

Repository files navigation

Frontend Mentor - Advice generator app

Este projeto é uma solução do desafio Advice generator app do Frontend mentor que é uma plataforma de desafios que te ajuda a melhorar suas habilidades de codificação e desenvolviemnto através da construção de projetos reais.

Tabela de conteúdos


💻Visão Geral

O desafio

O projeto é um gerador de conselhos que busca dados de API e exibe de maneira formatada um conselho sempre que a página carrega pela primeira vez ou quando o usuário clica no botão.

No projeto, os usuários são capazes de:

  • Ver layout adaptado para dispositivos com tamanhos de tela diferentes
  • Ver estados de hover e clique para todos os elementos interativos na página
  • Gerar um novo conselho ao clicar no ícone de dados

Screenshots

Desktop Mobile

Links

🛠Meu processo

Tecnologias

Fontes

Ferramentas

Como começar

Para ver a aplicação em tempo real, clique neste link. Já, se você quiser fazer a instalação do projeto em sua máquina local e tiver dúvidas de como fazer isso, confira o tutorial a seguir.

Pré-requisitos

Antes de começar, é importante que você tenha o Node.js instalado na sua máquina para rodar aplicações JavaScript e o GIT para executar os comandos de terminal seguintes. Além disso, para entender e conseguir acompanhar o projeto, é recomendado que você tenha conhecimentos básicos de HTMl, CSS, JavaScript e ReactJS.

Instalação

  1. Faça download do projeto ou clone ele com o comando:
  git clone https://github.com/Gustavo-Victor/advice-generator-app.git
  1. Entre na pasta do projeto (antes descompacte se tiver baixado o zip) e abra o terminal. A seguir, comando para entrar na pasta:
  cd advice-generator-app/ 
  1. Instale as dependências
  npm install yarn -g 
  yarn 
  1. Execute o projeto em ambiente de desenvolvimento
  yarn dev 
  1. Abra o projeto no navegador digitando na barra de pesquisa: localhost:5173/

🦸‍♂️Autor


📋Licença

Este projeto está sob a licença MIT

Qualquer pessoa pode usar e contribuir com este projeto ✌