🍓 RUNTEQ_FESTIVAL_54 🍓
54期メンバーを紹介するプラットフォームサービス
🍓 サービスURL
https://runteq-festival-54.vercel.app/
🍓 サービス概要
本サービスは、54期の繋がりの発祥である『い』『ち』『ご』スタンプをテーマに、54期メンバー同士を紹介し合えるフロントエンドのみで実装したWEBアプリケーションです。いちごのように甘くフレッシュなデザインと直感的で使いやすいインターフェースを提供します。
🍓 このサービスへの思い・作りたい理由
- 卒業まで2ヶ月を目前に、54期の思い出を作るために今回このサービスを作成することにしました。
- RUNTEQ祭に向けて、54期の仲間たちが自分たちを知ることができる場を提供し、このサービスを通じて、他の期の方々との交流のきっかけを作りたいと考えています。
- チーム開発におけるフロントエンドの理解やGit操作の習得も目指しました。
🍓 ユーザー層について
- 54期の受講生
- 他の期の受講生とも交流を深めたい人
🍓 サービスの利用イメージ
- 気になる54期のメンバーのプロフィールを見て交流のきっかけを作れる。
🍓 ページ一覧
- TOPページ
- ABOUTページ
- 各メンバー紹介ページ
🍓 技術構成
| カテゴリ | 使用技術 |
|---|---|
| フロントエンド | React ・ Next.js |
| CSSフレームワーク | Tailwind CSS |
| ライブラリ | Material UI ・ React Icons ・ firebase |
| アニメーション | Framer Motion ・ react-spring |
| 環境構築 | Docker |
| インフラ | Vercel |
🍓 メンバー/役割(計10名)
| メンバー | 役割 | 内容 |
|---|---|---|
| kato | PM | 全体監視 |
| rei | PL | 進行 |
| syuji | PL | ルール周り指揮 |
| sima9z | ネッキリード | TOPページコーディング |
| かなナッツ | デザイン兼開発 | ABOUTページデザイン |
| shino | デザイン兼開発 | デザインフォロー |
| mick | 開発 | プロフィールページデザイン、遷移エフェクト |
| mちゃん | 開発 | |
| なつ | 開発 | |
| Rio | 開発 |
🍓 画面遷移図
🍓 学習教材
- Udemy React講座
- (https://www.udemy.com/course/modern_javascipt_react_beginner)
- (https://www.udemy.com/course/react_stepup/)
- React Foundation(https://nextjs.org/learn/react-foundations)
- Next.js公式チュートリアル(https://nextjs.org/learn)