0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

作品:クレディっト(Kreddit)

Last updated at Posted at 2021-12-18

#概要

Odin Projectレッスンによって作ったソーシャルサイト。

レッスンURL: https://www.theodinproject.com/paths/full-stack-ruby-on-rails/courses/javascript/lessons/javascript-final-project

Github: https://github.com/RistoLibera/Kreddit

1.jpg

作品URL: https://kreddit-unpublic-d62c1.web.app/

#サイトマップ

Sitemap.png

#使用技術

・HTML、CSS、SASS
・Javascript、React
・Firebase
・Git
・GitHub
・Oracle VM VirtualBox

#機能一覧
##ユーザー機能

0.jpg

ログイン。

00.jpg

登録。

##ナビゲーションバー

2.jpg

1:何かを検索する
2:話し合いへ移動する
3:ホームページに戻る
4:グループへ移動する
5:通知メニューを出す
6:プロファイルメニューを出す
7:ダークモードに替える

##検索ページ

3.jpg

1:検索歴史
2:検索された話し合いタイトル
3:検索されたユーザー

##グループページ

7.jpg

1:レイアウト変更
2:グループを作る
3:グループ名
4:グループの説明
5:グループに加入する
6:グループの話し合いを見る

##話し合いタイトルページ

4.jpg

1:グループごとに表示する
2:話し合いを作る
3:話し合いタイトル
4:クリエーター
5:所属するグループ
6:ポストの数
7:評価
8:作った時間

5.jpg

1:話し合いの説明
2:入る

##話し合いページ

6.jpg

1:グループ名
2:評価ボタン
3:クリエーター
4:返事
5:編集
6:削除

##プロファイルページ

8.jpg

1:アイコンをアップロードする
2:パスワードを変更する
3:ユーザーを削除する
4:話し合いへリダイレクトする

##言語変更機能

9.jpg

デフォルトは英語です。

10.jpg

中国語もサポートしています!

##ダークモード

11.jpg

目に良い配色に切り替えます。

##レスポンシブ

22.jpg

ノートパソコンビュー。

23.jpg

スマートフォンビュー

#まとめ

八月上旬から2ヶ月かかって一歩一歩着実に進んでからようやく完成しました。

これから専門的なウェブサイト開発に期待しています!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?