English · 日本語
A backend-focused full-stack engineering portfolio showcasing live applications, project case studies, client work and notes on how the work is built.
I build practical full-stack applications with an emphasis on backend architecture, APIs, authentication, relational databases, testing, CI/CD and deployment. I'm currently developing LogSense and progressing the PartsPilot .NET migration.
- Responsive portfolio with light and dark themes
- Selected backend, full-stack, monitoring and accessibility-focused projects
- Project case studies covering the problem, approach, implementation and progress
- The Build Room, organised into Current Builds, Prototypes, Experiments and Notes
- Links to live projects, source repositories, my CV and contact details
- PartsPilot — A live automotive inventory and analytics application with a production demo. Built with React, TypeScript, FastAPI and PostgreSQL; a .NET migration is in progress.
- Bloom — An accessibility-focused routine and focus application. Its live beta (v2) is collecting user feedback while the next release is in development.
- AccessHub — A full-stack user authentication and management application with protected routes and role-based access.
- Pulse — An infrastructure monitoring project using health checks, Prometheus metrics, Grafana dashboards and Docker.
- LogSense — A log analysis project that identifies error patterns and produces operational summaries, with a cloud roadmap planned.
- Iris & Oak — My independent web studio, featured in the portfolio's client-work section.
More projects and engineering notes are available on the portfolio's Work and The Build Room pages.
- Astro
- React
- JavaScript
- Tailwind CSS
- Vercel
- Git and GitHub
Requires Node.js 20 or later.
git clone https://github.com/Iris408/portfolio-website.git
cd portfolio-website
npm install
npm run devThe site runs at http://localhost:4321.
To create and preview a production build:
npm run build
npm run previewThe portfolio uses semantic page structure, visible keyboard focus states, a skip-to-content link, reduced-motion support and responsive layouts.
The source code is version-controlled with GitHub and continuously deployed through Vercel.
The source code is licensed under the MIT License. Portfolio content, branding and images remain the property of their respective owners.
English · 日本語
バックエンドを中心としたフルスタック開発ポートフォリオです。公開中のアプリケーション、プロジェクトのケーススタディ、クライアントワーク、開発過程の記録を紹介しています。
バックエンド設計、API、認証、リレーショナルデータベース、テスト、CI/CD、デプロイを重視し、実用的なフルスタックアプリケーションを開発しています。現在はLogSenseの開発とPartsPilotの.NET移行に取り組んでいます。
- ライトテーマとダークテーマに対応したレスポンシブなポートフォリオ
- バックエンド、フルスタック、監視、アクセシビリティに関するプロジェクト
- 課題、方針、実装、進捗を紹介するケーススタディ
- Current Builds、Prototypes、Experiments、Notesで構成された「The Build Room」
- 公開中のプロジェクト、ソースコード、履歴書、お問い合わせ先へのリンク
- PartsPilot — 自動車業界向けの在庫管理・分析アプリケーションです。React、TypeScript、FastAPI、PostgreSQLで構築し、公開デモを運用しています。.NETへの移行を進めています。
- Bloom — アクセシビリティを重視した習慣・集中支援アプリです。公開中のベータ版（v2）でユーザーからのフィードバックを集めながら、次のリリースを開発しています。
- AccessHub — 保護されたルートとロールベースアクセスを備えた、ユーザー認証・管理アプリケーションです。
- Pulse — ヘルスチェック、Prometheusメトリクス、Grafanaダッシュボード、Dockerを使用したインフラ監視プロジェクトです。
- LogSense — エラーパターンを検出し、運用サマリーを作成するログ分析プロジェクトです。クラウド対応を計画しています。
- Iris & Oak — ポートフォリオのクライアントワーク欄で紹介している、個人で運営するウェブスタジオです。
その他のプロジェクトや開発記録は、ポートフォリオのWorkおよびThe Build Roomをご覧ください。
- Astro
- React
- JavaScript
- Tailwind CSS
- Vercel
- Git、GitHub
Node.js 20以降が必要です。
git clone https://github.com/Iris408/portfolio-website.git
cd portfolio-website
npm install
npm run devhttp://localhost:4321 でサイトが起動します。
本番用のビルドとプレビュー：
npm run build
npm run previewセマンティックなページ構造、キーボード操作時のフォーカス表示、本文へのスキップリンク、アニメーションを抑える設定（prefers-reduced-motion）への対応、レスポンシブデザインを採用しています。
ソースコードはGitHubで管理し、Vercelを利用して継続的にデプロイしています。
ソースコードはMITライセンスで公開しています。ポートフォリオの文章、ブランド、画像は各権利者に帰属します。