Correio Elegante by Maria Fernanda Almeida

Surpreenda seu amor com mensagens e presentes incríveis!

Desafio · DevChallenge

Índice

• Devchallenge
• Desafio
• Techs
• Como começar
• Dicas
  • Cores
  • Modelo
  • Imagens
  • Icones
  • Tipo de fonte
  • Design
• Compartilhe

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/

Desafio

Seu desafio é criar um aplicativo para enviar mensagens para seu crush. O aplicativo contém a página de inicialização (splash screen), a página Home, a página de cadastro da mensagem/produto e a página de confirmação do envio. O modelo final está disponível na pasta "design".

Requisitos:

• Seu app deverá conter 3 telas
  
• A tela de inicialização deverá conter a logo do app
  
• A tela Home deverá conter uma frase de boas vindas e um botão redirecionando para o cadastro da mensagem
  
• A tela de cadastro deve conter o cadastro do produto, da mensagem e do email da pessoal que irá recebê-los
  
• A tela final deve conter uma mensagem de Sucesso.
• Seu app deve ser responsivo, ou seja, se adaptar à todas as telas.

Requisitos bônus

• Você poderá adicionar animações, como: Na tela de inicialização adicionar corações ou ao passar de uma tela pra outra inserir uma animação de loading. No React Native você pode utilizar o Lottie.
• Você poderá colocar redirecionamento do correio para o whatsapp.
• Você poderá adicionar cadastro de endereço.
• Você poderá adicionar tela de pagamento do produto.
• Você poderá adicionar um modal para a condição de se identificar ou não. Como um filtro, que ao clicar abre um modal.

Techs:

• Framework ou linguagem que preferir :)

Como começar:

1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável
4 - Compartilhe seu resultado com a comunidade! Se puder, mostre seus resultado aqui no repositório também, criando uma Issue :)

Dicas

Cores:

Rosa Escuro: #B73058
Rosa Claro: #E06C88
Cinza: #8D8D8D
Cinza Escuro: #2F394B
Cinza Claro: #9CABC2
Para as fontes: #E7DFDD

Modelo:

O modelo final está disponível na pasta ./design

Imagens

As imagens utilizadas estão disponíveis na pasta ./assets

Icones

Para os ícones, recomendamos que utilize alguma biblioteca, como o react-native-vector-icons.

Tipo de fonte:

• Poppins

Design:

Você pode acessar o desgin final no Figma também, acessando esse link: https://www.figma.com/file/rUPm3O99NHcxkK2PEx2I33/Correio-Elegante?node-id=0%3A1

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado no seu Linkedin

Desafio criado por Maria Fernanda Almeida :)