Matheus153 / quizBlackPink Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Um quiz sobre suas K-pops favoritas. Bem divertido e implementando as tecnologias mais recentes do mercado como o Framework Next!

select-quiz.vercel.app/

0 stars 0 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
pages		pages
public		public
src		src
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
babel.config.js		babel.config.js
db.json		db.json
next.config.js		next.config.js
package.json		package.json
prettier.config.js		prettier.config.js
yarn.lock		yarn.lock

Repository files navigation

Quiz

![Badge](https://img.shields.io/badge/Quiz-CDZ-%23542F61?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/badge/Version-0.1.0-%23542F61?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/badge/React-v16.18.0-%233570B2?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/badge/Node-v14.15.4-%2300B98E?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/badge/Npm-v6.14.10-%2300B98E?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/badge/Deploy-Vercel-%23542F61?style=for-the-badge&logo=appveyor) ![Badge](https://img.shields.io/apm/l/npm?style=for-the-badge) ## 🎯 Objetivo Com a proposta de nos mostrar como nextjs funciona, a [Alura](https://www.alura.com.br/) propôs a criação de uma aplicação para aplicar os conceitos desse framework que vem ganhando muito espaço no mercado nos útimos dias. Foram 5 aulas do dia 25 ao 29, apresentando conceitos do React e Nextjs, como os instrutores trazendo sua visão de mercado e boas práticas. Sendo assim a ideia é construir um app de perguntas e respostas, o famigerado Quiz. O tema do projeto é livre, e decidi fazer um quiz sobre vários conteúdos e dessa vez resolvi fazer um sobre Black Pink a gosto da minha irmã. ## 🛠️ Ferramentas - [Nextjs](https://nextjs.org/) - [Styled Components](https://styled-components.com) - [Styled Icons](https://styled-icons.js.org/) - [Vercel](https://vercel.com) - [Yarn](https://yarnpkg.com/) ## 🖥️ Padronização de código - [Eslint](https://eslint.org/) - [Prettier](https://prettier.io/) - [EditorConfig](https://editorconfig.org/) ## 🎨 Animações - [Lottie](https://lottiefiles.com/) - [Motion](https://www.framer.com/motion/) ## 🚀 Executando o projeto ```bash git clone https://github.com/Matheus153/quizBlackPink.git ou [email protected]:Matheus153/quizBlackPink.git // Concluindo a instalação rode yarn dev ``` ## Autor

### |Matheus Santos| ## 👓 Demo em produção [Link de acesso 💫](https://quiz-srnovato.vercel.app/)# quizHarryStyles