Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hmontarroyos/quiz_javascript

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura
https://github.com/hmontarroyos/quiz_javascript

alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components

Last synced: 19 days ago
JSON representation

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura

Host: GitHub
URL: https://github.com/hmontarroyos/quiz_javascript
Owner: HMontarroyos
Created: 2021-01-25T18:33:41.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2023-08-28T19:34:37.000Z (over 1 year ago)
Last Synced: 2024-12-12T09:47:37.447Z (22 days ago)
Topics: alura, alura-quiz, framer-motion, front-end, imersao-react, javascript, nextjs, postcss, react, styled-components
Language: JavaScript
Homepage: https://aluraquiz-javascript.hmontarroyos.vercel.app/
Size: 11.6 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        

[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![LinkedIn][linkedin-shield]][linkedin-url]




  Quiz de JavaScript   |   

  Tecnologias Utilizadas   |   

  Como Instalar o Projeto   |   

  Como usar   |   

  Deploy da aplicação




## Quiz de JavaScript




#### Desktop











#### Mobile














O Projeto foi desenvolvido na 2° Imersão React nextJS na Alura, consiste em uma aplicação de quiz onde o usuario vai testar seus conhecimentos 

na linguagem javascript, e no final terá sua pontuação, ainda tendo veiculação com outros quizes de terceiros da comunidade da imersão alura. 




(de volta ao topo)


### Tecnologias Utilizadas




  [![React][React]][React-url]

  [![Next][Next]][Next-url]

  [![Styled_Components][Styled_Components]][Styled_Components-url]

  [![Framer_Motion][Framer_Motion]][Framer_Motion-url]

  [![Post_Css][Post_Css]][Post_Css-url]




### Utilitários




  [![Vercel][Vercel]][Vercel-url]

(de volta ao topo)


### Como Instalar o Projeto




Todo o Código manipulável, onde contem as questões, background, theme, etc., se encontra dentro do arquivo db.json, dentro do projeto.

Dentro do projeto, tem uma pasta chamada API, dentro da pages, onde se encontra um arquivo db.js que transforma o db.json em uma espécie de API pública, podendo assim conseguir utilizar dos métodos padrões, como o fetch(), para pegar suas informações é responsável por conseguir se comunicar com outros projetos de Quizes da Imersão NextJS da Alura


 

Example 

#### `npx create-next-app --example with-styled-components`

Iniciando um Projeto Next JS com Styled Components 




Para baixar as dependências do projeto use esse comando 

```sh

npm install

```

Após baixar todas as Dependências do Projeto dentro da pasta Raiz, inicie o Servidor com o Comando: 

```sh

 npm run dev

```

### Como usar 




Para Inicializar o Projeto 

Abrir [http://localhost:3000](http://localhost:3000) vizualizar no Navegador. 




### Deploy da aplicação 




[![Deploy][Deploy]][Deploy-url]




### 🚀 Let's code! 🚀 ###

[contributors-shield]: https://img.shields.io/github/contributors/HMontarroyos/quiz_JavaScript.svg?style=for-the-badge

[contributors-url]: https://github.com/HMontarroyos/quiz_JavaScript/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/HMontarroyos/quiz_JavaScript.svg?style=for-the-badge

[forks-url]: https://github.com/HMontarroyos/quiz_JavaScript/fork

[stars-shield]: https://img.shields.io/github/stars/HMontarroyos/quiz_JavaScript.svg?style=for-the-badge

[stars-url]: https://github.com/HMontarroyos/quiz_JavaScript/stargazers

[issues-shield]: https://img.shields.io/github/issues/HMontarroyos/quiz_JavaScript.svg?style=for-the-badge

[issues-url]: https://github.com/HMontarroyos/quiz_JavaScript/issues

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://www.linkedin.com/in/hebertmontarroyos-developer/

[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://pt-br.react.dev/

[Next]: https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white

[Next-url]: https://nextjs.org/

[Framer_Motion]: https://img.shields.io/badge/Frame%20Motion-3ECF8E?style=for-the-badge

[Framer_Motion-url]: https://www.framer.com/motion/

[Post_Css]: https://img.shields.io/badge/Post%20Css-%23DD0031.svg?style=for-the-badge

[Post_Css-url]: https://postcss.org/

[Styled_Components]: https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white

[Styled_Components-url]: https://styled-components.com/

[Vercel]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white

[Vercel-url]: https://vercel.com/

[Deploy]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white

[Deploy-url]: https://aluraquiz-javascript.vercel.app/