ノコギリカップ

TYPRE

https://github.com/kurichi/nomouse-client.git

TypeScript

Python

Docker

Nuxt.js

PostgreSQL

マークアップでスライド作成!

くりち

推しアイデア

共有やプレゼンテーションモードなどもショートカットキーにより可能!現在いるカーソルからスライドを推測して右のプレビュー画面に表示してくれる

作った背景

チーム名「マウス嫌い」にも現れているようにまうすが嫌いなため,マウスを触らずにキーボードだけでスライドを作成したかった

推し技術

Canvas, Monaco-Editor コードを解析しJSONに変換,Canvasに要素を描画していく~~~~!

プロジェクト詳細

タイピングによるプレゼンテーション,TYPRE!

機能

  • マークアップによるスライド作成
  • 作成したスライドによるプレゼンテーション
  • スライド共有

マークアップによるスライド作成

基本的な書き方はエンジニアなら誰でも知ってるマークダウン

書き方の例! # タイトル - 箇条書き 1. 箇条書き \image url size=(100,200) position=(center,top) 画像(サイズや位置も変更可能!) //コメント(スライドに反映されない) \\改行コード ### 以下ノート など!

↓メインとなる画面 image

作成したスライドによるプレゼンテーション

作成したスライドを全画面表示して発表することも可能!

スライド共有

作成したスライドをみんなに共有したい! ってときのためにスライド共有機能も実装されている.


技術スタック

フロントエンド

  • Vue3
  • Nuxt3
  • Monaco-Editor
  • Canvas
  • TailWind CSS

バックエンド

  • Python
  • FastAPI
  • Postgresql

その他

  • Docker
  • Conoha VPS
  • Nginx
  • GitHub Pages
  • GitHub Actions

image

リポジトリ

https://github.com/kurichi/nomouse-client.git https://github.com/kurichi/nomouse-server.git

くりち

@Kurichi