Skip to content

RafaelPrado409/Aluraquiz_Dragon-Ball

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dragon-Ball-Quiz

Javascript HTML CSS StyledComponents React Next

Imgur

English

Just a quiz made up with NextJS and ReactJS in Alura Immersion

How do I use it?

You can use the following commands in your terminal inside the project folder or VSCode:

Yarn

yarn 

to install all dependences

yarn start 

to start the application after install the dependences

NPM

npm install

to install all dependences

npm run start

to start the application after install the dependences

Relevant dependences for the project:

  • Eslint for standardization and code corrections;
  • React to the development and use of components;
  • Styled Components for developing CSS using JavaScript;
  • NextJS Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
  • Framer Motion A production-ready motion library for React, allows you to build quick CSS projects;

Some dependences were not mentioned, to make part of the relevants

Feedbacks

Linkedin: Rafael Prado Gmail Badge Rafael Prado

Português

O que e essa aplicação?

Um quiz feito em NextJS e ReactJS na Imersão Alura

Como eu a utilizo?

Você pode usar os seguintes comandos no seu terminal dentro da pasta do proejeto ou no VSCode:

Yarn

yarn 

para instalar as dependências

yarn start 

para iniciar a aplicação apos a instalação das dependências

NPM

npm install

para instalar as dependências

npm run start

para iniciar a aplicação apos a instalação das dependências

As principais dependências para o projeto:

  • Eslint para padronizações e correções de codigo;
  • React para o desenvolvimento e uso de componentes;
  • Styled Components para desenvolver o CSS usando JavaScript;
  • NextJS Next.js oferece a melhor experiência de desenvolvedor com todos os recursos de que você precisa para produção: renderização estática e de servidor híbrida, suporte TypeScript, agrupamento inteligente, pré-busca de rota e muito mais. Nenhuma configuração necessária.
  • Framer Motion Permite a construção de designs rapidos com CSS; Algumas dependências não foram mencionadas, por fazerem parte das relevantes

Feedbacks

Linkedin: Rafael Prado Gmail Badge Rafael Prado

⬆ Back to top