Giter Club home page Giter Club logo

desafio-react-native's Introduction

Canal Dstak Desafio Mobile

Instruções

Você possui uma semana para fazer o teste. Nesse teste todas as suas habilidades serão avaliadas, dentre elas:

  • Poder de simplificação
  • Autonomia e soluções criativas
  • Conhecimento em UI / UX
  • Conhecimento técnico em React Native e suas ferramentas
  • Conhecimento em git
  • Capacidade em explicar as decisões tomadas e como testar o projeto

Para Submeter

Você deve:

  • Criar um ambiente de desenvolvimento em React Native
  • Fazer o fork particular e privado do projeto do desafio e compartilhar com:
    • @cloped
  • Codificar
  • Commitar seu código

Boa sorte!

No Canal Dstak acreditamos que tudo é possível e queremos contar com pessoas incríveis. Mostre o seu potencial, acreditamos em você. Boa sorte!

Boa-Sorte

Antes de programar

Você verá que o desafio em questão é bem similar ao que o Canal Dstak se propõe a resolver, para avaliarmos também a sua capacidade de inovar conosco dê uma olhada no nosso app e anote todas as sugestões do que pode ser feito de novo ou até melhor, adicione isso no seu README.

Após você implementar o seu app do desafio revisite as suas sugestões e veja se há algo a mais que queira adicionar.

Desafio

Você está em uma startup que acabou de pivotar para criar um marketplace de venda de roupas, será necessário um app em React-Native para que tudo comece. Você precisará fazer o mais simples com a melhor qualidade possível!

Inicialmente o app vai precisar de 3 telas, uma home para divulgar produtos, categorias e banners, uma tela de cadastro de produto e uma tela de listagem de produtos.

Requisitos

  • Básicos

    • O app deve ser em React-Native
    • Simplificar o que deve ser feito mantendo qualidade
    • Implementação de ciclo de vida com React Hooks
    • Uso de biblioteca de componentes estilizados
    • A UI deve ser coesa em seus estilos como tamanho de fontes e espaçamentos
    • Padrão de commits com Conventional Commits
    • Commits atômicos
    • Documentação do que você fez e das suas motivações no README
  • Na Home é necessário:

    • uma caixa para busca no topo
    • um carrossel com banners
    • uma vitrine de lojas
    • duas vitrine de produtos, se possível uma diferente da outra visualmente
  • No Cadastro de Produto é necessário:

    • entradas para nome do produto, preço e URL da foto
    • um botão para salvar o produto
  • Na Listagem de Produtos é nessário:

    • uma lista que mostre o produto com o nome, preço e imagem
  • Você se destacará ainda mais se fizer algum desses pontos:

    • Uso de Redux como fonte única de verdade
    • Uso de Styled Components
    • Configuração/uso de lint
    • Aplicar conhecimentos de UI/UX
    • Componentização
    • Utilizar os padrões Clean Code
    • Criação de testes com Jest
    • Tratativas de Erro com feedback para o usuário

Avaliação

  • 50%: Básico
  • 25%: Home
  • 12,50%: Cadastro de Produto
  • 12,50%: Listagem de Produtos

desafio-react-native's People

Contributors

cloped avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.