Skip to content

JohnPetros/professional-profile

Repository files navigation

Professional Profile Card


🖥️ Projeto

Card de apresentação profissional de programador fictício. Inicialmente, o card exibe imagem, nome, e-mail e telefone de contato, porém ao clicar no botão de expandir, é acrescido as tecnologias (cada uma com uma respectiva cor) que o programador domina, além de botões de enviar mensagem e contratá-lo. Projeto desenvolvido como dever de casa para a disciplina de programação mobile com o intuito de praticar o conceito de renderização dinâmica através de funções em React Native.

Demonstração

Tela Inicial Lisa Expandida

📖 Aprendizado

  • Uso de funções para renderizações dinâmicas
  • Passagem de funções entre componentes
  • Uso de containers como componentes globais
  • Imagens de Fundo em React
  • Manipulação de opacidade de views
  • Manipulação de overflow de elementos
  • Desestruturação de objetos JavaScript
  • Uso de bibliotecas React para ícones

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Como rodar este projeto

Pré-requesitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código como VSCode

Você poder executar o App no seu celular ou em um emulador de celular da sua preferência usando Expo, ou ainda pela plataforma web do Expo acessando este link: expo.dev.

📟 Instruções

# Clone este repositório
$ git clone  https://github.com/JohnPetros/professional-profile.git

# Acesse a pasta do projeto no terminal/cmd
$ cd professional-profile

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npx expo start

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Feito com 💜 by João Pedro 👋🏻