植物の水やり管理を、楽しくスマートに。
A fun and smart way to manage your plant watering schedule
このプロジェクトは、植物の水やり管理を楽しめるようにするWebアプリです。
フロントエンド開発とUIデザインのスキルを活かして、植物の登録、スケジュール管理、通知機能を実装しています。
This is a web app designed to make plant watering management enjoyable.
It utilizes frontend development and UI design skills to implement features such as plant registration, schedule management, and reminders.
🔗 デモサイトはこちら / View the Demo
https://waterme.vercel.app/
※植物の水やりスケジュールを管理できます。現在は機能が限定的ですが、今後のアップデートで拡張予定です。
Manage your plant watering schedule! Currently, the app has limited functionality, but more features will be added in future updates.
- TypeScript / React / Next.js
- Tailwind CSS
- Framer Motion
- Firebase (Authentication, Database, Storage)
- Dynamic Routing with Next.js
- Custom Hooks for state and logic separation
-
植物の登録 / Plant Registration:
名前、種類、水やり頻度を入力可能
> Register plant name, type, and watering frequency -
水やりスケジュール管理 / Schedule Management:
カレンダーで水やり予定を確認
> View watering schedule in a calendar -
通知機能 / Reminder System:
水やりが必要な植物を自動でリストアップ
> Get notified of which plants need watering -
レスポンシブデザイン / Responsive Design:
すべてのデバイスサイズに対応
> Optimized for all device sizes
-
Next.js動的ルーティング / Dynamic Routing with Next.js:
植物ごとのページを自動生成
> Auto-generate plant detail pages -
Firebaseによるデータ管理 / Firebase Data Management:
ユーザーごとに植物データを保存
> Store user-specific plant data -
カスタムカラーパレット / Custom Color Palette:
Tailwind CSSでオリジナルカラーを定義
> Use custom color themes with Tailwind CSS -
スプラッシュ画面 / Splash Animation:
水をイメージしたアニメーションでアプリの世界観を演出
> Animated splash screen to evoke a watery aesthetic
- モバイル / Mobile（〜428px）
- タブレット / Tablet（428px〜768px）
- デスクトップ / Desktop（768px〜）
- 植物の検索機能 / Plant Search
- 画像処理の最適化 / Image Optimization
- インタラクション強化 / Enhanced User Interaction
- 成長記録UI/UX強化 / Improved Plant Growth Logging (photos, notes, etc.)
- スプラッシュアニメーション改良 / More Fluid Splash Animations
Kichita
フロントエンドエンジニア & デザイナー
Frontend Engineer & Designer
© 2025 Kichita. All Rights Reserved.