Skip to content

自作pcを作るのにサポートするwebアプリ

Notifications You must be signed in to change notification settings

Takuya0202/make_pc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

make_pc


ImageImage


update情報

  • 一部のページ(homeページ、detailページ)をゲストユーザーでも見れるように変更しました

make_pcについて

make_pcは自作pcを作る手助けをするサービスです

主な機能

  • ✅ ユーザー認証
  • ℹ️ パーツの情報
  • 💬 レビュー機能
  • 📌 パーツをリストに追加する機能
  • 🛠️ 管理者ページ

技術スタック

Image Image Image Image Image

セットアップ方法

まずは以下を実行

git clone https://github.com/Takuya0202/make_pc.git
cp .env.docker .env
cd app
cp .env.example .env
cd ..

上を実行後 .env ファイルに管理者情報、データベース情報を記載

.env に記載後、再び以下を実行

docker-compose build
docker-compose run back bash
composer install
php artisan key:generate
php artisan config:clear
php artisan config:cache
php artisan migrate --seed
mkdir -p storage/framework/cache storage/framework/sessions storage/framework/views bootstrap/cache
php artisan storage:link

その後、http://localhost:8880 にアクセス
もしエラーが出たらdocker-compose downして再度upして実行またはphp artisan config:cacheをしてください

アプリ画面

ユーザー認証画面

Image Image

ユーザー認証に成功すると、http://localhost:8880/app/home にリダイレクトされます

ユーザーはアイコン、ユーザー名、email、passwordを決めることができ、予めseederで5人のユーザーと1人の管理者ユーザーが設定されています

パーツページ

一覧ページ

Image Image

ここではパーツの一覧ビュー、絞り込み機能があり、予めseederで6件のパーツがセットされます
詳細ページ

Image Image

パーツ詳細情報ではユーザーレビューや商品のリンク、リスト追加機能などがあります

レビューページ

Image Image

ユーザーは5段階評価とパーツについてのレビューが記載できます。予めseederで各パーツに3件のレビューがセットされます

ユーザープロフィール

Image Image

ユーザープロフィールではアイコン、ユーザー名、emailが変更できます。

listページ

Image Image

リストページではユーザーが追加した商品と合計金額を見ることができます。各ユーザーは5つのリストを持っています

管理者画面

ダッシュボード

Image 管理者ユーザーは http://localhost:8880/admin にログインすることができます。
統計や直近に追加されたレビューやパーツが見れます

パーツ管理

一覧ページ

Image Image

パーツ管理ページでも同様に検索機能、並び替え機能があります

追加ページ

Image Image

パーツ情報を入力後、作成すると以下のように追加できます
カテゴリーやメーカーは新しく作成もできます。
作成すると以下のように登録されます

Image Image

詳細ページ

Image Image

編集・削除ページ

Image Image

登録したパーツの情報更新、削除ができます

レビュー管理

一覧ページ

Image Image

特定のユーザー,パーツのレビュー

Image Image

特定のユーザーやパーツについてのレビューも見ることができます。

レビューの詳細情報

Image Image

レビューの本文をクリックすることでレビューの詳細情報を見ることができます

ユーザー管理

Image Image

ユーザーの名前や管理者権限を持っているもののみなど検索、絞り込みができます

カテゴリー管理

Image Image

パーツが所属しているカテゴリーの件数、作成、削除ができます。

メーカー管理

Image Image

カテゴリー同様、所属しているパーツの件数、作成、削除が行えます

開発者

Takuya0202 (Design & Programing)

開発に至って

3月からlaravelに関して本格的に学び、そのアウトプットとして自作pcを作るサイトを作りました。
今回のアプリケーションでは自作pcを作ること以外にも、seeder,factoryの利用や多対多のリレーションやコンポーネントの利用、ミドルウェアなど学んだ知識を活用して開発に取り掛かりました
bladeのみで作っているのでwebアプリケーションとしての完成度はまだまだですが、価格帯の検索バーやレビューの星評価などdom操作を用いたjsも少し使ってこだわってみました
今後はフロントエンドを学習してapiとしてlaravelを利用したり、デプロイについても学習していきたいです!
価格帯のレンジバーについてはまとめてあるのでみてくださると嬉しいです
https://zenn.dev/amethyst/articles/52b06dd5ee69ab

About

自作pcを作るのにサポートするwebアプリ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published