さんちゃん坊主

GitHub

TypeScript

React

JavaScript

TailwindCSS

todoリスト

ーーー

そらいろ

R3G4

推しアイデア

オリジナルキャラクターさんちゃんと一緒に三日坊主を防ぐ

作った背景

太陽(sun)×三日坊主のように今回のハッカソンのテーマ「さん」をふんだんに盛り込めるから

推し技術

JSとTSが両方開発で使える"Vite"

プロジェクト詳細

📌 さんちゃん坊主(Sanchanb-zu)

プロジェクト概要

さんちゃん坊主(Sanchanb-zu) は、三団体合同ハッカソン向けの Web アプリケーションプロジェクトです。
フロントエンド技術を中心に構築されており、参加者が実用的な Web UI を素早く実装することを目的としています。

image

キャラクター

曙光 太陽 -- さんちゃん image あなたのマネージメントをする女の子 解決の兆しが見えるように支えます

使用技術

以下の技術スタックで構成されています:

  • React — UI コンポーネント構築
  • Vite — 開発用ビルドツール
  • Tailwind CSS — ユーティリティファーストなスタイル
  • Zustand — 軽量な状態管理(ローカルステート管理)
  • Electron — デスクトップアプリ化(Windows/macOS/Linux)
  • OpenWeatber — 天気API
  • ESLint — 静的解析(コード品質・バグ予防)

さん要素

  • さんちゃん
  • 達成度に応じてセリフが変化(3%と33%が境目)imageimageimage
  • 福岡の天気に対応して背景が変化(晴れ、曇り、雨)
  • 無駄がないtodoリストのボタン数(編集、削除、完了)
  • 設定できる重要度が3段階
  • 太陽(sun)と三日坊主

ーーー

@a88abe5e3f3e04a3