見出し画像

ポートフォリオ作成

現在作成中のポートフォリオの開発経過をまとめました。

機能概要

### Why
# 自分達のようなプログラミング未経験者のユーザーが最終的に作成したポートフォリオをクライアントに紹介しやすいサイトがないか?と考えたため

# What
# layout
# header(要素)画面上部に配置
# (中身)アプリのタイトル(social-engineer-tree)
# ユーザー名
# ログインアイコン
# ログアウトアイコン

# main(要素)画面中央に配置
# (中身)
# tittericon、instagramicon、facebookicon、Qeutaicon、teratailicon、Newspickicon、giticon、AWSicon、slackicon、herokuicon配置

# right-side-bar(要素)
# (中身)
# 投稿フォーム、投稿一覧画面

# 機能概要
# main画面
# 配置されている各アイコンクリック時:該当するサイトへ飛ぶ

# header画面
# ユーザー名をクリック時:ユーザー編集画面へ遷移する

# edit画面:名前、アドレス、passwordの変更が可能→更新ボタンで更新される

# ログイン画面:名前、password入力及びログインボタンの設置

# ログインボタンクリック時:ログインぺーじへ遷移する→名前、passwordを入力しログインボタン押下でmain画面へ遷移する
# 未ログイン時、ログイン後共にrootはmain画面
# ログイン中は headerにはログアウトボタンのみ表示
# 未ログイン時はログインボタンのみ表示

# right-side-bar画面
# 投稿フォームからテキスト、画像、urlが投稿できる(画像nullでも投稿可能)

# 投稿一覧画面から投稿された内容をクリック時に「詳細」、「削除」が表示。
# *削除は自身の投稿のみ

# 詳細画面からはコメント機能も使える
# 可能であれば投稿一覧では「コメントがあります」というalertが欲しい

この記事が気に入ったらサポートをしてみませんか?