首頁 > web前端 > js教程 > 主體

啟動我的項目,一個獨特的調色板生成器 - CoolorBrew

Barbara Streisand
發布: 2024-10-16 06:24:02
原創
646 人瀏覽過

大家好!

是時候進行一些我一直在做的個人專案了(嗯......從技術上講,兩年前完成但從未部署過?)。來認識CoolorBrew——我有趣的小調色板產生器網站!是的,網域位於 CoolorBrew。我終於成功了,並決定透過更新的 UI 和一些很酷的新功能將其推向世界。

Launching my project a unique Color Palette Generator - CoolorBrew

但首先,讓我談談現在:CoolorBrew 現在可以做什麼?

我們來打破第一個版本嗎?
在目前狀態下,CoolorBrew 可以讓您:

  1. 產生調色盤:感覺與您的配色有點不協調?不用擔心,只需產生調色板並讓顏色激發您的靈感。
  2. 保存調色盤:你喜歡它,你就保存它!就這麼簡單。
  3. 下載調色盤:您的創作不僅停留在瀏覽器中,隨身攜帶,隨時隨地使用!
  4. 探索調色板主題:不僅僅是一個隨機生成器 - 還有一個精心策劃的顏色主題世界供您深入探索。
  5. 深色模式:玩深色模式! !

不錯吧? 但這只是開始!目前版本已完成其所需的功能,但還有很多需要添加的內容。我知道,我知道-它還不完美 (我能聽到 UX/UI 人員翻白眼?)。別擔心,我正在努力!


Launching my project a unique Color Palette Generator - CoolorBrew
我已經為一些令人興奮的功能製定了路線圖,我對它們感到非常興奮。以下是我腦中正在醞釀的下一個版本的內容:

  1. 從圖像中提取顏色:上傳圖像,瞧!您將獲得一個基於其中顏色的調色板。這對於設計師或任何喜歡在照片中尋找靈感的人來說非常有用。
  2. 產生漸層調色盤:因為讓我們面對現實吧,漸層就在其中!簡單的純色很酷,但是讓我們在那裡實現平滑的過渡。
  3. Chrome 和 Figma 擴充: 我的意思是,誰不喜歡好的擴充呢?無論您是在處理下一個大型 Web 專案還是在 Figma 中勾畫想法,您都可以在工作地點使用 CoolorBrew。

正如我之前所說,使用者介面還不完美(還?),我計劃盡快給它一些愛。目標?更流暢、更直覺的體驗。


現在我們來談談技術堆疊。對於其他開發人員(你知道你是誰)CoolorBrew.art 是使用以下內容建立的:

Next.js,因為 SEO 很重要,而且我喜歡它讓路由變得如此簡單。
Tailwind CSS,時尚嗎? 檢查。容易嗎? _仔細檢查_。如果您還沒有跳上 Tailwind,那麼您應該這麼做!
TypeScript,安全第一,夥伴們。我需要我的程式碼有意義(大多數時候)。

但主要問題是為什麼我不早點部署?
好問題! 老實說,生活就是阻礙。你知道事情是怎麼回事——辦公室工作、新項目,轉眼間兩年就過去了。但是嘿,遲到總比不到好!今年,我特別強調要重新審視舊項目,完成它們,並給予它們應有的愛。所以我在這裡,很高興能夠提供 CoolorBrew。


現在,我正在努力完善 UI,讓整體體驗盡可能流暢。改造完成後,我將推出先前提到的新功能。請繼續關注更新 -CoolorBrew 正在演變成一些很棒的東西!

現在就這樣! 我很想知道您對 CoolorBrew 第一版的看法。請造訪 Coolorbrew.art 並嘗試。如果您有任何建議(或想對我表示讚美—嘿,我不會抱怨),請告訴我! 為顏色、漸變以及介於兩者之間的所有很酷的東西乾杯。

敬請期待,並繼續釀造這些顏色! ??

再見! !

以上是啟動我的項目,一個獨特的調色板生成器 - CoolorBrew的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板