![[Day 3] BMAD-Method project-1 calculator](/_astro/banner.BVRJ9iNM.png)
[Day 3] BMAD-Method project-1 calculator
第一個project來個簡單的計算機，我打算用Reactjs做一個純前端的計算機出來，他會需要容器化技術docker。先用這個簡單的專案來做暖身。 TOC
Joseph
Sandy
Joseph
Sandy
Hi, we are freelancers.
I'm a fullstack engineer, and Sandy a digital marketer.
Skills
Front-end
React
- Course Platforms
- NextJS - server side rendering
- MaterialUI
- GA4 / GTM
- Heroku (staging)
- Video / Audio player
- Online Payment
- User Rating and Comments
- Cancer Patients' Sharing Blog
- TypeScript
- NextJS
- Eslint
- Facebook/Google Login
- Social sharing
- Badminton Web App
- Redux
- SocketIO
- GoogleMap
- Facebook/Google Login
- Location-based service
- Social sharing
- Rehabilitation management platfor
- Patient Health dashboard
- Reservation system
- D3.js
- Mobile backend as a service (Kii-Cloud)
Back-end
Python
- AI tool platforms
- fastapi
- socket io
- PostgreSQL
- user management
Ruby on rails
- Serverless side project
- Ruby on Jets
- AWS serverless
- Emailing
- Dynamodb
- Online course Platform
- Bootstrap
- Pundit authorization
- Rspec testing
- Sidekiq
- Mailgun
- User mention system
- Notification system
- Course management
NodeJS
- All-in-one Blog API
- CDK
- AWS Serverless
- ElaticSearch
- Dynamodb
- Stripe - Online payment processing
- LINE Chatbot API
- API-based Gambling system
- Events registration system
AI / Automation
n8n
chatgpt
groq
open web ui
Marketing
SEO / SEM
Google Analytics / Google Adwords
Facebook Pixel / Facebook Ads / Facebook Pages
LINE Sticker
Social marketing
Recently shares
・
・
・
・
Find out more content in our Blog
View all posts »![[Day 2] BMAD-Method and OpenCode installation](/_astro/banner.BQBYRqc7.png)
[Day 2] BMAD-Method and OpenCode installation
今天來個單純一點的，安裝BMAD-Method跟OpenCode。BMAD-Method在專案根目錄安裝就好，他只是把流程跟team, role的設定黨寫入資料夾而已。而OpenCode則是像Gemini, Claude code那樣的 The AI coding agent built for the terminal ，但因為我IDE是neovim，用他是為了方便在neovim裡使用。 參考影片：https://www.youtube.com/watch?v=70cN9swORE8 TOC
![[Day 1] BMAD-Method intro](/_astro/banner.Iu_JRBML.png)
[Day 1] BMAD-Method intro
這是自發性的連續寫30篇教學文章，不是很想把文章發在ithelp，來這邊挑戰一下自己寫30天BMAD-Method相關的技術文章，預計會用BMAD-Method做各種不擅長的專案。期間可能會視情況購置需要的AI agent plans，可能是Claude Code, OpenAI, 或Gemini都說不定，看token燃燒速度而定。 第一篇先來介紹介紹BMAD-Method這個 AI Agent Framework吧。 TOC
Use Grafana MCP with Gemini and n8n
The Model Context Protocol (MCP) is extremely useful. An AI assistant helps you decide when and how to use connected tools, so you only need to configure them. After integrating MCP logging management systems into several of my projects, it has saved me a significant amount of time. In this article, I'm going to integrate Grafana with the Gemini CLI and n8n. I will chat with the Gemini CLI and n8n and have them invoke the Grafana MCP server. structure TOC