Henrriky / teste-frontend-developer

Home Page:https://teste-fullstack-ellos-design.000webhostapp.com/teste-fullstack/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

✅ Ideia Principal

  • Desenvolver uma landing page para a aplicação da vaga de full-stack developer.

🎮 Tecnologias

  • HTML
  • SASS
  • JavaScript
  • PHP
  • NPM
  • Biblioteca do ScrollReveal
  • Git e Github
  • MySQL

🎮 Deploy

  • ⚠️ Utilize de preferência o navegador Firefox para ver o site, pois eventualmente o Google Chrome exibe Layouts não desejados.
  • Clique aqui para acessar o site

🎨 Design

🚀 Cores

  • #9AADBD #5B6E81 #FFF #44596A

🚀 Fonts

  • Poppins 300
  • Poppins 400
  • Poppins 500
  • Poppins 600
  • Poppins 700

💼 Design Database

  • Entidade: Cliente
    • Atributos: Nome, e-mail, telefone e mensagem

✅ Utilize na sua máquina

  • ETAPA 1: Instale o XAMPP na sua máquina Clique aqui para instalar
  • ETAPA 2 (Opcional): Caso queira manipular o Sass, baixe o Node.js e instale o pacote do Sass, com o comando npm install -g sass ETAPA 3: Após a instalação do Xampp, abra ele e clique em explorer. Nessa etapa você vai precisar ter o repositório baixado, para que ele seja copiado para dentro da pasta htdocs.
  • ETAPA 3: Na interface do XAMPP clique clique em start no Apache e no MySQL, certifique-se de que tenha ativado ambas, pois caso contrário o programa não vai funcionar.
  • ETAPA 4: Na parte do MySQL clique em Admin, após clicar o XAMPP vai abrir o site do phpmyadmin, onde será necessário importar o banco de dados, que está contido na pasta Database. Saiba mais sobre aqui
  • ETAPA 5: Agora é só abrir a interface do XAMPP novamente e clicar em Admin na parte chamada de "Apache", o XAMPP vai te levar para um site com algumas pastas, e você deve clicar na pasta com o nome do site. Após todas essas etapas o site estará pronto para uso :)

About

https://teste-fullstack-ellos-design.000webhostapp.com/teste-fullstack/


Languages

Language:Sass 52.7%Language:PHP 45.1%Language:JavaScript 2.2%