An open API service indexing awesome lists of open source software.

https://github.com/alyssonbarrera/ignitequiz-ignite

Projeto Base - Módulo Animações e Microinteração | Ignite - Rocketseat
https://github.com/alyssonbarrera/ignitequiz-ignite

expo expo-av expo-haptics react react-native react-native-gesture-handler react-native-reanimated react-native-skia typescript

Last synced: about 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

# 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

https://user-images.githubusercontent.com/86618257/236331875-95e30bd6-dd24-42ba-bd17-51e02d59f58d.mp4

## Stack