hci-project

🦒 A simple web app that teaches pre-school kids how Earth's wildlife sounds like 🔊

Demo

View the production-ready version of this application here (coming soon).

Features

• Over 50 activities
• Clear and easy to understand lessons for 2-5 kids
• Teacher's dashboard to monitor progress and daily activity
• Face-login implemented for kids (no password necesarry)

Want to contribute?

Preparation

You need to install node and git locally. The project is based on ES2015+, vue, vuex, vue-router, axios and element-ui, all request data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project.

Getting started

Open your terminal, navigate to a new location and then type the following:

# clone the project
git clone https://github.com/kyokidG/hci-project.git

# navigate to project folder
cd hci-project

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527.

Build

# build for test environment
npm run build:sit

# build for production environment
npm run build:prod

Advanced

# --report to build with bundle size analytics
npm run build:prod --report

# --generate a bundle size analytics. default: bundle-report.html
npm run build:prod --generate_report

# --preview to start a server in local to preview
npm run build:prod --preview

# lint code
npm run lint

# auto fix
npm run lint -- --fix

Refer to Documentation of the Admin Template we are using for more information.

Changelog

Detailed changes for each release are documented in the release notes.

Online Demo

not available yet

---

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

This project does not support low version browsers (e.g. IE). Please add polyfill yourself if you need them.

Note: This project uses element-ui@2.3.0+ version, so the minimum compatible vue@2.5.0+