/techfinder

TechFinder は個人開発に役立つ技術記事を、プログラミング言語・ライブラリ・フレームワークなどのカテゴリ別に整理したデータベースサービスです。ユーザーは好きなカテゴリから記事を検索することができます。

TechFinder は個人開発に役立つ技術記事を、プログラミング言語・ライブラリ・フレームワークなどのカテゴリ別に整理したデータベースサービスです。

ユーザーはお好きなカテゴリから記事を検索することができます。

サービス URL

https://techfinder.dev/

紹介記事

【個人開発】駆け出しエンジニアのポートフォリオ作りを手助けするサービスを作りました

告知ツイート

https://twitter.com/yusuke_blog1026/status/1623935829377970176




主な機能

コア機能(カテゴリ絞り込み・ブックマーク+α)

カテゴリ絞り込み ブックマーク・いいね コメント
Image from Gyazo Image from Gyazo Image from Gyazo
カテゴリアイコンをタップすることで、そのカテゴリに紐付いた記事一覧が表示されます。 記事右下の各種ボタンをタップすることで、ブックマークといいねができます (ログインユーザー限定 コメントボタンをタップすると、モーダルが立ち上がり各記事についたコメントを閲覧できたり、コメントの投稿・編集・削除ができます。(ログインユーザー限定

ユーザー機能

ログイン マイページ上で記事を管理
Image from Gyazo Image from Gyazo
ログインボタンを押すと、モーダルが立ち上がり Google ログインが可能になります。 マイページ上でブックマークやいいねした記事を管理することができます。



主な使用技術

フロントエンド

バックエンド

インフラ

CI/CD

※フロント側は husky&lint-staged を用いて pre-commit 時に ESLint、Prettier を実行してコードの品質を保っています

環境構築

外部サービス




インフラ構成図


ER 図


※テーブル設計の詳細はこちら


画面遷移図

Figma


コンポーネント設計