文件名称:quiz-valorant:Alura Immersion,Next.js,样式化组件和React
文件大小:1.72MB
文件格式:ZIP
更新时间:2024-06-13 01:29:52
imersao-react aluraquiz imersao-alura JavaScript
阿罗拉勇敢测验 该项目是在沉浸式Alura-React和NextJs期间开发的 关于 选择的主题是有关Riot Games游戏的,目的是为了学习,在那里玩家将测试自己对Valorant的了解,并回答10个问题。 在每个结果的末尾,将显示谁在各自的等级中得分最高,Firebase用于保存结果。 而且,还可以通过与API集成的Node.js访问其他Quize。 描述 沉浸式编程的目的是在与Reac.Js一起使用的Next.js框架上开发知识,以开发SSR,SSE应用程序,并优化界面以获得更好的用户体验。 项目中使用的技术 节点 React堆 火力基地 框架运动 Java脚本 在沉浸中看到了什么 钩子概念 组件生命周期 样式化的组件概念 关于道具的概念 预渲染和服务器端渲染概念 部署和构建概念 在Vercel部署 UseEffets(),useState(),useRoute()概念最常用的H
【文件预览】:
quiz-valorant-main
----db.json(4KB)
----svgs()
--------AluraLogo.svg(37KB)
--------valorant-logo.svg(11KB)
--------chevron-left.svg(297B)
--------loading.svg(2KB)
----pages()
--------_app.js(2KB)
--------quiz()
--------_document.js(729B)
--------_errors.js(880B)
--------404.js(178B)
--------api()
--------index.js(4KB)
----public()
--------platina-3.png:Zone.Identifier(218B)
--------favicon.png(1KB)
--------platina-3.png(29KB)
--------gold-3.png:Zone.Identifier(218B)
--------imortal-3.png:Zone.Identifier(218B)
--------radiant.png(23KB)
--------bronze-3.png(26KB)
--------radiant.png:Zone.Identifier(218B)
--------gold-3.png(32KB)
--------diamante-3.png(29KB)
--------silver-3.png(29KB)
--------diamante-3.png:Zone.Identifier(218B)
--------silvar-3.png:Zone.Identifier(218B)
--------bronze-3.png:Zone.Identifier(217B)
--------iron-3.png:Zone.Identifier(217B)
--------imortal-3.png(28KB)
--------iron-3.png(27KB)
----yarn.lock(247KB)
----.eslintrc.js(294B)
----next.config.js(90B)
----.babelrc(87B)
----components()
--------Link()
--------ResultQuestion()
--------Input()
--------Footer()
--------Card()
--------QuizLogo()
--------Button()
--------QuizComponents()
--------GitHubCorner()
--------screens()
--------QuizContainer()
--------Error()
----config()
--------fire-config.js(826B)
----screenshot.png(1.37MB)
----README.md(1KB)
----.env.development(403B)
----.gitignore(386B)
----package.json(864B)