测验:使用NextJs,React和Typescript构建的测验游戏

时间:2024-03-14 01:00:39
【文件属性】:

文件名称:测验:使用NextJs,React和Typescript构建的测验游戏

文件大小:148KB

文件格式:ZIP

更新时间:2024-03-14 01:00:39

TypeScript

下一个Cripto测验 基于Binance词汇表API制作的Trivia应用程序游戏。 技术栈: NextJs,React,Typescript 样式: Styled-JSX 测试:笑话,酶 试用实时版本: : 发展: npm run dev 建造: npm run build 开始编译: npm run build npm run start 运行测试 npm run test 数据流: 在应用程序中,有3个React上下文(词汇表,测验和用户)可以存储和提供应用程序范围的数据。 来自API的数据仅被请求一次。 整个词汇表存储在React上下文中,并通过上下文提供程序提供给应用程序。 当用户选择难度选项开始游戏时,词汇表将根据用户的困难选择和已经回答好的问题进行过滤。 根据用户动作,组件将动作分派到上下文,这些动作由化简器以类似flux / redux的样


【文件预览】:
quiz-master
----api()
--------index.ts(575B)
--------utils.ts(334B)
--------types.ts(435B)
----.gitignore(32B)
----components()
--------UserBar()
--------ResultsGrid()
--------Button()
--------Card()
--------Footer()
--------Answer()
--------Emoji.tsx(202B)
--------Question()
--------Layout()
--------UsernameInput()
--------StartQuizButtons()
----theme.ts(551B)
----package.json(1KB)
----package-lock.json(520KB)
----jest.config.js(455B)
----tsconfig.json(580B)
----context()
--------Glossary()
--------Quiz()
--------User()
--------types.ts(63B)
----README.md(1KB)
----next-env.d.ts(75B)
----config()
--------setup.js(133B)
----babel.config.js(133B)
----pages()
--------quiz()
--------index.tsx(932B)
--------_app.tsx(745B)
----constants.ts(128B)

网友评论