個人開発｜SNSアプリ「Circles」

GitHub: https://github.com/Brady-Moore/circles
Live App: https://circles-social-app.netlify.app/

⚠ 英語版は日本語の下に記載しています。／English version is located below the Japanese version.

使用技術
Next.js, TypeScript, PostgreSQL, Prisma, Tailwind CSS

Circlesは、ユーザー同士のつながりとアクティビティを可視化することを目的とした、ソーシャルメディアWebアプリです。

ユーザー認証を実装し、

• テキスト／画像投稿
• いいね・コメント機能
• ユーザーのフォロー
• 他ユーザーのアクティビティを確認できる通知ページ

といった、SNSの基本機能を備えています。

本プロジェクトでは、
フロントエンドを中心に、画面設計・UI実装・状態管理を含めた機能開発を個人で担当しました。

実装にあたっては、

• ユーザー操作の流れを意識した画面構成
• 機能追加を前提としたコンポーネント設計
• ユーザーアクションに応じた状態更新

を意識して開発しています。

実務に近い形で、認証を含むソーシャル機能を持つWebアプリの設計・実装経験を積むことを目的とした個人開発プロジェクトです。

Tech Stack:
Next.js, TypeScript, PostgreSQL, Prisma, Tailwind CSS

Circles is a social media web application designed to make user activity and connections more visible.

The app includes user authentication and core SNS features such as:

• Text and image posts
• Likes and comments
• Following other users
• A notifications page to view activity from other users

I developed this project as a solo effort, focusing primarily on frontend development, including UI design, feature implementation, and state management.

Throughout the project, I emphasized clear user flows, reusable component structure, and predictable state updates based on user actions.

This project serves as practical, production-style experience in designing and building a social media application with authentication and interactive features.