Renato Vieira のワーク
まずはケーススタディ。課題、アプローチ、そして実際につくったもの。続いて小規模なプロジェクト。その多くは GitHub で公開しています。
01ケーススタディ
Automix
自動車ディーラーを、デジタルプロダクトとしてつくり直す。
Next.js · TypeScript · React · Tailwind CSS · NestJS · Prisma · PostgreSQL · Redis · Docker
Castteli
いずれなるプラットフォームのように設計した、コーポレートサイト。
Next.js · TypeScript · React · Tailwind CSS · Zod · Turborepo · Playwright · Vercel
PassNow
イベントページから入場ゲートまで、スマホの中の一枚のチケット。
Next.js · TypeScript · React · Tailwind CSS · NestJS · Prisma · PostgreSQL · Zod · Capacitor · Docker
PC Control Center
チャットから様子を確かめ、電源も落とせるコンピューター。
Electron · Node.js · JavaScript · Telegram Bot API · systemd · Bash · PowerShell
RoomFlow
グループ企業の会議室を、すべての予約に承認と記録を残して。
Next.js · React · Tailwind CSS · Radix UI · NestJS · TypeScript · Prisma · PostgreSQL · Docker · Jest
PC Monitor
プログラムがどこへデータを送っているかまで見える、ローカルのシステムモニター。
Python · psutil · Rich · JavaScript · HTML · CSS · SVG
The Chef
マナウスのシュハスカリア、最初のひと目から注文まで。
Next.js · React · TypeScript · Tailwind CSS · Vite · styled-components · Node.js · Express · Prisma · SQLite · Zod · JWT · Vercel
Solidarity List
助けを必要とする人のための「ほしいものリスト」と、それを信頼できるものにする仕組み。
TypeScript · Next.js · React · NestJS · Prisma · PostgreSQL · Tailwind CSS · Zod · Playwright
Lar Batista
マナウスの子どもの家を、会計まで開かれたかたちに。
Next.js · TypeScript · React · Tailwind CSS · NestJS · Prisma · PostgreSQL · Express · Vite · Vercel
Candidate Search
ブラジルのあらゆる候補者の公開記録を、すべての数字の公式な出典とともに。
Next.js · React · TypeScript · Tailwind CSS · SQLite · better-sqlite3 · React Flow · Python
Carter
静かでプレミアムな店構え。その下には本物のバックエンド。
Next.js · React · Tailwind CSS · Prisma · PostgreSQL · Vercel
Aura ID
スマートフォンをかざす間に、チェックイン完了。
React Native · Firebase · QR Code · Authentication
業務チェックリスト
紙のチェックリストを、信頼できるプロセスへ。
React Native · Expo Router · Firebase
02記録
03そのほかのプロジェクト
- PedemaisデリバリーアプリTypeScript2026 （GitHub を新しいタブで開きます）
- Material Custody履歴付きの備品貸出・返却管理フロントエンド · 社内システム
- Digital Menuスマートフォンで読むレストランのメニューReact · Next.js
- Big Jhon理容店の Web サイトHTML · CSS · JavaScript2025 （GitHub を新しいタブで開きます）