Blog Cover Image

面對未知,我們感到害怕、迷茫,且不知所措。 當你選擇一張卡片或查看命盤時,它可能會預言你的未來、生活的暗示、一些你想知道的資訊… 就在這一刻,Miri誕生了。她提供你許多占卜方式,協助你隨時隨地的探索你的未來、認識你自己。

介紹

Miri是一位機器人占卜師,她的發展理念是將傳統的占卜和算命流程轉移到網路上進行。她會引導使用者按照流程進行占卜,並針對抽出的結果進行深度解釋,協助那些感到茫然困惑的朋友傾聽內心、撥開迷霧、了解自己、調整心態並做出決策。 Miri 被設定為一個10多歲的小女孩,她古怪、聰明又可愛。從小就對命理學和占卜感興趣,自學命理與占卜,幫助前來的人解決困惑。 Miri的網頁版已於2024年3月推出,並計劃在未來結束Line聊天機器人版本的運營。

Miri Block Grid

隨時隨地占卜

網頁版本支援手機端、電腦端以及其他電子裝置,並且採用手機應用程式(APP)優先的設計概念。這使得Miri的服務在網頁上就像是一個APP,更容易在手機上使用。這意味著你可以隨時隨地透過不同的電子裝置進行占卜。

Miri Block Grid

多項占卜方法

Miri提供多種占卜方式,讓使用者根據需求做出選擇。目前包括六種占卜方式:盧恩符文、塔羅牌占卜、雷諾曼、筊杯、自然絮語、智慧贈言。未來,我們還將擴充更多占卜方式,並增加各類療癒牌卡供使用者選擇。

Miri機器人引導占卜與解析

Miri作為占卜引導者,會引導你進行占卜流程並解析所抽選到的牌卡。

作者

Design, Plan, Development

Mina Yu

月水瓶 @Mina 的人生實驗室

https://www.minayu.site/

特別感謝

- Support: Mom. Pat Liao - Product suggestion: Jen Chen - Designing suggestion: Ning Hsiao - Tech suggestion: Gem Huang

Sign @MinaYu.

開發歷程

  1. May, 2024

    Ver.2.1.1 - 網站版本 - 優化UI/UX

    此版正在使用者測試中。順帶根據某些使用者體驗後的回饋意見做修改。

    • 介紹頁面(Introduction)直接點選牌卡可以前往下一步驟。
    • 修復偵測牌卡上下滑動時會有雙標題的現象出現。
    • 修復牌卡上下滑動會有英文解釋超出版面的問題。
    • 優化按鈕的UI效果,使其有點選動畫。
    • 修正牌卡解釋含有亂碼現象。

    #Next.js #Python #TailwindCSS #Vercel #SQLite

  2. Mar, 2024 - Apr, 2024

    Ver.2.1.0 - 網站版本 - 用Next.js重構 + 修改使用者體驗

    此版正在使用者測試中。順帶根據某些使用者體驗後的回饋意見做修改。

    • 改善動畫會卡頓跟遲鈍的效能問題 (remove transition all)。
    • 改善會造成誤會的筊杯解釋。
    • 將切牌跟選牌陣的步驟交換。
    • 將服務部署於新的網域。
    • 用Next.js重構服務,優化SEO問題。

    #Next.js #Python #TailwindCSS #Vercel #SQLite

  3. Mar, 2023 - Mar, 2024

    Ver.2.0.0 - 開發網站版本

    開始學習前端軟體技術,並使用React.js開發Miri網頁版本,此版本先用Figma設計UI流程、將原先在Line聊天機器人的內容重建於網頁,以及開放塔羅牌占卜的解釋。Line 和 Telegram聊天機器人可能會走入歷史。

    #React.js #Python #TailwindCSS #Vercel #SQLite

  4. Mar, 2021 - Sep, 2021

    Ver.1.2.0 - Line 聊天機器人 x Telegram 聊天機器人版本 - 新增5個占卜模式

    歷經第二份工作畢業後,版本1.2新增Telegram的聊天機器人版本,並在原本僅有盧恩符文一個占卜方式,新增為六個占卜方式: 盧恩符文、塔羅牌占卜、雷諾曼牌卡、寺廟筊杯、自然絮語短語卡、智慧贈言,塔羅牌占卜此版僅開放抽牌,未開放解釋。

    #Python #SQLite #Heroku #Vercel #Telegram-chat-bot #Line-bot-sdk

  5. Sep, 2019 - Oct, 2019

    Ver.1.0.1 - Line 聊天機器人版本 - 開發盧恩符文占卜

    歷經第一份工作畢業後,版本1.1決定把Miri的定位改成線上命理與占卜,並在Line聊天機器人版本新增第一個占卜方法: 盧恩符文占卜。

    #Python #SQLite #Heroku #Line-bot-sdk

  6. Sep, 2017

    Ver.1.0.0 - 建立 Line 聊天機器人版本

    Miri機器人占卜師最一開始的定位是聊天機器人,最初版是創建Line聊天機器人。想向Apple的Siri致敬,因此取名 Miri。

    #Line-bot-sdk

開發者日記

Ver2.0.0

.

[前端] 使用CSS linear-gradient與Figma轉化SVG達成簡單的漸層星空特效。

今天來分享一下,我是用CSS線性漸層linear-gradient搭配Figma轉出的星星SVG檔,

Ver2.0.0

.

[前端] CSS背景若使用漸層效果(linear-gradient),又需要有改變背景顏色的需求,該如何做?

由於本人最近在開發自己的命理服務產品,大量使用了漸層(linear-gradient)的css背景顏

Ver2.0.0

.

[後端] 解決CORS跨域請求的研究筆記(Python FastAPI + Firebase/Firestore)

由於本人最近在開發自己的命理服務,需要前端網站請求後端API的功能,但遇到了先前常常遇到的CORS跨

Ver1.2.0

.

[產品概念介紹] Miri的第三版新功能: 帳號管理、語言紀錄與切換介紹 | 開發概念系列(3)

在2021年2月離職後,我用了半年的時間用Python開發自己的占卜機器人作品,在這版本的開發有很大

Ver1.2.0

.

[產品概念介紹] Miri的使用者流程、占卜流程、使用者引導介紹 | 開發概念系列(2)

在2021年2月離職後,我用了半年的時間用Python開發自己的占卜機器人作品,在這版本的開發有很大

Ver1.2.0

.

[產品使用技術][Python] Miri的前端與後端接口、整體程式架構介紹 | FastApi x Line Bot x Telegram Bot | 開發概念系列(1)

在2021年2月離職後,我用了半年的時間用Python開發自己的占卜機器人作品,在這版本的開發有很大

Ver1.2.0

.

[產品開發日記] Miri的未來規劃 | 開發日記系列(4) | 開發感想

帶著熱忱的心跟不怎麼厲害的程式能力,就開始嘗試自己開發起自己的占卜命理軟體。本篇紀錄自己已將第三版本

Ver1.2.0

.

[產品開發日記] 這半年的時間開發Miri第三版本的感想與進步 | 開發日記系列(3) | 開發感想

帶著熱忱的心跟不怎麼厲害的程式能力,就開始嘗試自己開發起自己的占卜命理軟體。本篇紀錄自己終於發現自己

Ver1.2.0

.

[產品開發日記] Miri的開發動機、起源與構想紀錄 | 開發日記系列(2) | 開發感想

帶著熱忱的心跟不怎麼厲害的程式能力,就開始嘗試自己開發起自己的占卜軟體。利用寫小說的方式,描述自己從

Ver1.2.0

.

[產品開發日記] 最後一哩路!筋疲力竭的抒發心得 | 開發日記系列(1) | 輕短文 | 開發感想

帶著熱忱的心跟不怎麼厲害的程式能力,就開始嘗試自己開發起自己的占卜軟體。使用Python連接Line

PREVIOUS PAGE
NEXT PAGE