Adicionando o meu projeto na imersão

README.md

@@ -1,65 +1,18 @@
 # AluraQuiz Base
 
-Seja bem vindo ao projeto base do AluraQuiz!!! Passos fundamentais:
-- Marque esse projeto com uma estrela
-- Siga as instruções das aulas e conteúdo extra da Imersão React Next.js
-- Faça o deploy na Vercel e compartilhe
+Projeto realizado durante a imersão React com NextJs da Alura!
 
 ![Capa do Projeto](/_docs/aluraquiz-base.png)
 
-## Como colocar o meu projeto na vitrine da imersão?
+## Objetivo
 
-> [Vitrine da Imersão](https://aluraquiz-base.alura-challenges.vercel.app/contribuidores)
+Desenvolvimento de aplicação React com NextJS de Quiz com perguntas relacionadas a acessibilidade e inclusão na tecnologia. Sistema possui consumo de APIs externas de Quizzes desenvolvidos por outros participantes da imersão React Alura.
 
-- [Siga os passos](/CONTRIBUTING.md)
+## Tecnologias
 
-## Onde está o Layout base?
-- [Link](https://www.figma.com/file/cg1MIzSRRss8ggpypQbmdD/AluraQuiz?node-id=0%3A1)
+[Next.JS](https://nextjs.org/)
 
+## Deploy
 
-## Como pegar cores tema diferentes para minha app?
-
-Você pode dar uma olhada nesse link e separar uma palheta que combine com sua imagem de background :) :
-- https://material-ui.com/customization/color/#playground
-
-
-# Contribuidores 
-
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore-start -->
-<!-- markdownlint-disable -->
-<table>
-  <tr>
-    <td align="center"><a href="http://youtube.com/c/DevSoutinho"><img src="https://avatars.githubusercontent.com/u/13791385?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mario Souto</b></sub></a><br /><a href="https://github.com/alura-challenges/aluraquiz-base/commits?author=omariosouto" title="Code">💻</a></td>
-    <td align="center"><a href="http://www.alura.com.br"><img src="https://avatars.githubusercontent.com/u/32266030?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Juliana Amoasei</b></sub></a><br /><a href="https://github.com/alura-challenges/aluraquiz-base/commits?author=JulianaAmoasei" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/lucas-hidalgo"><img src="https://avatars.githubusercontent.com/u/54157203?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Lucas Cesar</b></sub></a><br /><a href="#design-lucas-hidalgo" title="Design">🎨</a></td>
-    <td align="center"><a href="https://www.alura.com.br/"><img src="https://avatars.githubusercontent.com/u/71636?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Paulo Silveira</b></sub></a><br /><a href="https://github.com/alura-challenges/aluraquiz-base/commits?author=peas" title="Code">💻</a></td>
-    <td align="center"><a href="http://about.me/robsonamendonca"><img src="https://avatars.githubusercontent.com/u/18629707?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robson Antonio Lima Mendonça</b></sub></a><br /><a href="#example-robsonamendonca" title="Examples">💡</a></td>
-    <td align="center"><a href="http://dailyfriend.com.br"><img src="https://avatars.githubusercontent.com/u/46327961?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Higor Oliveira</b></sub></a><br /><a href="#example-higorpo" title="Examples">💡</a></td>
-    <td align="center"><a href="https://pablotdv.azurewebsites.net/"><img src="https://avatars.githubusercontent.com/u/3980593?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Pablo Tôndolo de Vargas</b></sub></a><br /><a href="#example-pablotdv" title="Examples">💡</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="http://LFrigoDeSouza.NET"><img src="https://avatars.githubusercontent.com/u/19676697?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Lucas Frigo de Souza</b></sub></a><br /><a href="#example-lfrigodesouza" title="Examples">💡</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/antonionarcilio/"><img src="https://avatars.githubusercontent.com/u/49988118?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Antonio Narcilio</b></sub></a><br /><a href="#example-AntonioNarcilio" title="Examples">💡</a></td>
-    <td align="center"><a href="https://twitter.com/Weltonvaz"><img src="https://avatars.githubusercontent.com/u/1353071?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Welton Vaz de Souza</b></sub></a><br /><a href="#example-weltonvaz" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/jvitormf"><img src="https://avatars.githubusercontent.com/u/4220066?v=4?s=100" width="100px;" alt=""/><br /><sub><b>João Vitor Ferreira</b></sub></a><br /><a href="#example-jvitormf" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/AlNuN"><img src="https://avatars.githubusercontent.com/u/45295157?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Matheus Nunes</b></sub></a><br /><a href="#example-AlNuN" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/Wprosdocimo"><img src="https://avatars.githubusercontent.com/u/8067753?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Wilson Luiz Prosdocimo</b></sub></a><br /><a href="#example-Wprosdocimo" title="Examples">💡</a></td>
-    <td align="center"><a href="https://github.com/esterfania"><img src="https://avatars.githubusercontent.com/u/35200622?s=400&u=399aa7c69c0ca71dcfc661e9c044ed092d04bda5&v=4" width="100px;" alt=""/><br /><sub><b>Esterfania</b></sub></a><br /><a href="https://github.com/alura-challenges/aluraquiz-base/commits?author=esterfania" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/kibolho"><img src="https://avatars.githubusercontent.com/u/1197923?s=400&u=33ba0606c52f2080be87a6bdbc8ddee75a46e039&v=4" width="100px;" alt=""/><br /><sub><b>Abílio Azevedo</b></sub></a><br /><a href="https://github.com/alura-challenges/aluraquiz-base/commits?author=kibolho" title="Code">💻</a></td>
-  </tr>
-</table>
-
-<!-- markdownlint-restore -->
-<!-- prettier-ignore-end -->
-
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
-
-[![licence mit](https://img.shields.io/badge/licence-MIT-blue.svg?style=flat-square)](https://github.com/alura-challenges/aluraquiz-base/blob/master/LICENSE)
-<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-13-orange.svg?style=flat-square)](#contributors)
-<!-- ALL-CONTRIBUTORS-BADGE:END --> 
+[Vercel](https://vercel.com/)
 

contributors/ewerton-augusto.txt

@@ -0,0 +1,6 @@
+ewerton-augusto
+<<<<<<< HEAD
+https://aluraquiz-inclusao-git-main.ewerton-augusto.vercel.app/
+=======
+aluraquiz-inclusao-git-main.ewerton-augusto.vercel.app/
+>>>>>>> 43f8b957199f4688cfa92159a6228a70917f808b

db.json

@@ -1,43 +1,116 @@
+
 {
-  "bg": "https://i2.wp.com/css-tricks.com/wp-content/uploads/2017/06/css-is-awesome-scaled.jpg?resize=1536%2C1208&ssl=1",
-  "title": "Quiz CSS da Alura",
-  "description": "Teste os seus conhecimentos sobre CSS e vamos ver quantos layouts você vai deixar de quebrar",
-  "questions": [
-    {
-      "image": "https://media.giphy.com/media/xUOxf3yDKCuwpOlT3i/giphy.gif",
-      "title": "Como fazer um seletor por id via CSS?",
-      "description": "Essa é pra aquecer",
-      "answer": 2,
-      "alternatives": [
-        ".elemento",
-        "*elemento",
-        "#elemento",
-        "%elemento"
-      ]
-    },
-    {
-      "image": "https://media.giphy.com/media/13FrpeVH09Zrb2/giphy.gif",
-      "title": "Como fazer um background gradiente com css?",
-      "description": "Faz tempo em haha",
-      "answer": 0,
-      "alternatives": [
-         "background: linear-gradient(#e66465, #9198e5);",
-         "background: gradient(#e66465, #9198e5);"
-      ]
+    "bg": "/background-quiz-alura.png",
+    "title": "Alura Quiz - Inclusão na Tecnologia",
+    "description": "Teste os seus conhecimentos sobre inclusão e acessibilidade na tecnologia. Pronto para jogar?",
+    "questions": [
+      {
+        "image": "/question1.gif",
+        "title": "O que são os conceitos de acessibilidade e inclusão social?",
+        "description": "Essa é pra aquecer, vamos lá!",
+        "answer": 0,
+        "alternatives": [
+          "Participação de todas as pessoas nos vários âmbitos da vida social",
+          "Maneira tradicional de tratar isoladamente o trânsito",
+          "Usar a hashtag #PraCegoVer",
+          "Usar pronome neutro"
+        ]
+      },
+      {
+        "image": "/question2.gif",
+        "title": "Devemos pensar em acessibilidade somente quando falamos sobre o acesso das pessoas cadeirantes e cegas?",
+        "description": "Tenho certeza que já sabe a resposta!",
+        "answer": 1,
+        "alternatives": [
+          "Sim",
+          "Não"
+        ]
+      },
+      {
+        "image": "/question3.gif",
+        "title": "Qual a porcentagem (%) da população brasileira que tem algum tipo de deficiência física ou cognitiva?",
+        "description": "Vamos começar a dificultar um pouco as perguntas, está pronto?!",
+        "answer": 2,
+        "alternatives": [
+           "7%",
+           "18%",
+           "25%",
+           "42%"
+        ]
+      },
+      {
+        "image": "/question4.gif",
+        "title": "Devemos pensar em acessibilidade no mundo técnológico? Como no desenvolvimento de novos aplicativos, soluções corporativas, dispositivos físicos e outros?",
+        "description": "Pergunta para abrir a mente",
+        "answer": 0,
+        "alternatives": [
+          "Sim",
+          "Não"
+        ]
+      },
+      {
+        "image": "/question5.gif",
+        "title": "Qual o termo correto para referir a uma pessoa com algum tipo de deficiência física ou cognitiva?",
+        "description": "É o mais aceito, no entanto talvez no futuro possa não ser mais.",
+        "answer": 3,
+        "alternatives": [
+           "pessoas com necessidades especiais (PNE)",
+           "Pessoa com problema (PCP)",
+           "Portador (PP)",
+           "Pessoa com deficiência (PCD)"
+        ]
+      },
+      {
+        "image": "/question6.gif",
+        "title": "Qual item abaixo NÃO é uma deficiência, transtorno, síndrome ou particularidade:",
+        "description": "O ponto desta questão está de graça!",
+        "answer": 5,
+        "alternatives": [
+           "Autismo",
+           "Surdez",
+           "Dislexia",
+           "Baixa visão",
+           "Deficiência física",
+           "Preguiça"
+        ]
+      },
+      {
+        "image": "/question7.gif",
+        "title": "Em qual documentação encontraremos as orientações sobre como deixar nossas páginas web mais acessíveis?",
+        "description": "Vamos lá, caso não conhecer está tudo bem, mas como desenvolvedor Front-end você deve começar a utilizar.",
+        "answer": 1,
+        "alternatives": [
+           "Bootstrap Documentation",
+           "Web Content Accessibility Guidelines (WCAG)",
+           "Next Documentation",
+           "ECMA-262"
+        ]
+      },
+      {
+        "image": "/question-final.gif",
+        "title": "Você vai começar a pensar, estudar e implementar a acessibilidade nos seus projetos futuros e ir alem?",
+        "description": "Essa é para encerrarmos, temos certeza que você foi bem!",
+        "answer": 0,
+        "alternatives": [
+           "Sim, vou fazer isso!",
+           "Não, :("
+        ]
+      }
+    ],
+    "external": [
+      "https://aluraquiz-base.alura-challenges.vercel.app/",
+      "https://tibiaquiz-base.lubrum.vercel.app/",
+      "https://poderosochefaoquiz.admsilva.vercel.app/"
+    ],
+    "theme": {
+      "colors": {
+        "primary": "#1a1f4c",
+        "secondary": "#513994",
+        "mainBg": "#f8afb8",
+        "contrastText": "#EEE",
+        "wrong": "#FF5722",
+        "success": "#4CAF50"
+      },
+      "borderRadius": "4px"
     }
-  ],
-  "external": [
-    ""
-  ],
-  "theme": {
-    "colors": {
-      "primary": "#0d47a1",
-      "secondary": "#29b6f6",
-      "mainBg": "#171B35",
-      "contrastText": "#FFFFFF",
-      "wrong": "#FF5722",
-      "success": "#4CAF50"
-    },
-    "borderRadius": "4px"
-  }
-}
+  }