Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rayylee/keypress

A Rust WebAssembly Website example for practising english for chinese.
https://github.com/rayylee/keypress

rust wasm webassembly yew

Last synced: 3 months ago
JSON representation

A Rust WebAssembly Website example for practising english for chinese.

Host: GitHub
URL: https://github.com/rayylee/keypress
Owner: rayylee
License: gpl-3.0
Created: 2021-02-17T01:14:11.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2022-10-07T09:32:20.000Z (about 2 years ago)
Last Synced: 2024-04-10T01:53:59.558Z (7 months ago)
Topics: rust, wasm, webassembly, yew
Language: Rust
Homepage: https://rayylee.github.io/keypress
Size: 1.83 MB
Stars: 6
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-yew - KeyPress - A Rust WebAssembly Website example for practising english for chinese. (Projects)

README

# KeyPress

A Rust WebAssembly Websit example for practising english for chinese.

## How to build

The `KeyPress` is built with trunk. You can install it with the following command:
```
# Install WebAssembly target
# The compilation target for browser-based WebAssembly is called "wasm32-unknown-unknown".
# The following command will add this target to your development environment.
rustup target add wasm32-unknown-unknown

# Install trunk and wasm-bindgen-cli
# At some point in the future, trunk will automatically download wasm-bindgen
cargo install trunk wasm-bindgen-cli
```

Build and run is as easy as running a single command:
```
# build
cargo build --release
```

```
# build and serve
trunk serve --release
```

## Example

You can visit in the website [https://rayylee.github.io/keypress](https://rayylee.github.io/keypress)

![screenshot](/assets/screenshot.png)

## Acknowledgments

- [qwerty-learner](https://github.com/Kaiyiwing/qwerty-learner) - Thanks for designing the view!
- [yew](https://github.com/yewstack/yew) - Thanks for the examples!