Skip to content

Projeto Base - Módulo Animações e Microinteração | Ignite - Rocketseat

Notifications You must be signed in to change notification settings

alyssonbarrera/ignitequiz-ignite

Repository files navigation

Rocket Quiz - Ignite | Rocketseat

Português

Aplicativo de perguntas e respostas

Na aplicação, com as interfaces já prontas, adicionou-se animações e microinterações com react native reanimated, react native gesture handler, react native skia, expo av e expo haptics.

English

Question and answer application.

In the application, with the interfaces already built, animations and microinteractions were added using React Native Reanimated, React Native Gesture Handler, React Native Skia, Expo AV, and Expo Haptics.

Screenshots

Print da tela inicial com os quizzes Print da tela de um quiz com a questão 1 cujo enunciado é 'Que tipo de atribuição é esta variável: 'const fullName: string = 'Dylan Israel';?'' e cujas alternativas são 'Explícita e Implícita' Print da tela de um quiz com a questão 1 cujo enunciado é 'Que tipo de atribuição é esta variável: 'const fullName: string = 'Dylan Israel';?'' onde a resposta selecionada é 'Explícita' Print da tela de finalização do quiz onde há a imagem de um troféu com estrelas em seu redor e sobre ele, a escrita 'Parabéns' logo abaixo e a frase 'Você acertou 3 de 3 questões', além do botão 'Ir para o início' logo abaixo da frase Print da tela de histórico onde há o card do registro do quiz respondido contendo o título do quiz, a frase 'Você acertou 3 de 3' e um ícone à direita do card similiar ao de 'sinal' contendo 3 colunas onde cada uma indica o nível de dificuldade, sendo que este está pintado de amarelo até a coluna do meio, indicando que o nível de dificuldade é mediano Print da tela inicial com os quizzes filtrados por dificuldade, onde a dificuldade selecionada é a 'fácil'

Video

video.mp4

Stack