Git Product home page Git Product logo

vue-mobile-quiz's Introduction

vue-mobile-quiz(vue移动端答题系统)

介绍

本项目是以vue-cli3搭建的SPA单页面应用,主要分为三大部分,主页进行试卷的推送,题目的搜索及科目选择;答题界面具有收藏夹,错题本功能,并且兼容多项选择;个人设置里可以进行头像,主题等信息的个性化定制,以及未读消息的提示(mock生成),本项目以开启PWA功能,可以发送到桌面。

技术栈

Vue2 + Vue-cli3 + Vuex + Vue-router + Mint-UI + Axios + SCSS + Mock + PWA

预览

手机扫码:avatar
预览地址:https://site.fog3211.com/vue-mobile-quiz/index.html

项目截图

avatar
avatar
avatar
avatar

实现功能

首页

  • 登录注册
  • 展示推荐试题,最新试题,热门试题
  • 根据科目选择试题
  • 关键词搜索特定试题

个人设置

  • 切换主题
  • 未读消息提示
  • 更换头像,个性签名
  • 完善账户详情
  • 查看开发者信息
  • 注销登录

答题

  • 根据题目序号跳转
  • 错题本
  • 收藏夹
  • 长按删除(收藏夹页面)
  • 兼容单选和多选

安装与使用

初始化

// 下载
git clone https://github.com/fog3211/vue-mobile-quiz.git
// 安装依赖
npm install

开始运行

// 开发模式
npm run serve
// 构建模式
npm run build

注:

  1. 默认用户为:账号 fog3211 ,密码 123456,可自行注册。
  2. 用户信息存放在sessio中,其他信息放在缓存中,退出后头像、主题、收藏夹的题目依旧保留。

最后

欢迎 Fork & Star 。

vue-mobile-quiz's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

yalehu

vue-mobile-quiz's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.