delaprada / poem-game-mini-program-client

📚基于taro + taro-ui + redux + react-hook + typescript开发的古诗词小程序

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

古诗词学习微信小程序

  • 本项目为古诗词学习小程序的前端部分

  • 项目使用的技术方案为:Taro + React Hook + TypeScript + Redux

  • 古诗词数据源来自chiness-poetry开源仓库,以及对应的mysql格式数据chinese-poetry-mysql开源仓库。以上数据源的诗词均为繁体字,本项目基于数据源对数据进行简体化。

体验

使用

git clone https://github.com/delaprada/poem-game-mini-program-client.git
npm install
npm run dev:weapp

使用微信开发者工具,选择dist目录下的weapp文件夹。

本项目需要配合古诗词小程序服务端使用,github地址:poem-game-mini-program-server

项目截图

首页 诗词详情 诗人详情
home poem home
诗词列表 诗词试听 诗词朗诵
poem home poem
搜索 搜索结果 登录
home poem poem
个人中心 诗词游戏 关卡
home home poem
选择题 填字游戏 识别游戏
home poem home

功能列表

  • 首页

  • 搜索功能

  • 登录

  • 诗词详情

  • 诗人详情

  • 喜爱、收藏、分享诗词

  • 试听、朗诵诗词

  • 诗词游戏(包括选择题、填字游戏、诗词识别游戏)

  • 诗词游戏优化(闯关逻辑)

  • 诗词试听优化(点击页面可以切换至诗词页)

系统架构

home

Show your support

Give a ⭐️ if this project helped you!

About

📚基于taro + taro-ui + redux + react-hook + typescript开发的古诗词小程序


Languages

Language:TypeScript 75.6%Language:Less 20.9%Language:JavaScript 2.1%Language:SCSS 0.8%Language:HTML 0.6%