Fan-Tion / Front-End

ํŒฌ์…˜์˜ ํ”„๋ก ํŠธ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ์ž…๋‹ˆ๋‹ค.
https://fan-tion.vercel.app/
1 stars 3 forks source link

Fan-Tion: Fandom Auction Platform

๐Ÿ“Œ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

Fan-Tion์€ ํŒฌ๋ค ์ปค๋ฎค๋‹ˆํ‹ฐ์™€ ๊ตฟ์ฆˆ ๊ฑฐ๋ž˜๋ฅผ ํ•œ ๊ณณ์—์„œ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ํ†ตํ•ฉ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.
ํŒฌ๋“ค์ด ์ข‹์•„ํ•˜๋Š” ๋ฌธํ™”์™€ ๊ด€๋ จ๋œ ๊ตฟ์ฆˆ๋ฅผ ๋” ์‰ฝ๊ฒŒ ์‚ฌ๊ณ  ํŒ” ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋ฉฐ, ๋ถˆ๋ช…ํ™•ํ•œ ๊ตฟ์ฆˆ ์‹œ์„ธ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.
๋˜ํ•œ, ๊ฒฝ๋งค ์‹œ์Šคํ…œ์„ ํ†ตํ•ด ํ•ฉ๋ฆฌ์ ์ธ ๊ฐ€๊ฒฉ์— ๊ตฟ์ฆˆ๋ฅผ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ์–ด ํŒฌ๋“ค ๊ฐ„์˜ ์‹ ๋ขฐ์„ฑ์„ ๋†’์ด๊ณ , ๋ณด๋‹ค ์•ˆ์ „ํ•œ ๊ฑฐ๋ž˜ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์ด ํ”Œ๋žซํผ์€ ํŒฌ๋ค ๋‚ด์˜ ์†Œํ†ต์„ ๊ฐ•ํ™”ํ•˜๊ณ , ํŒฌ๋“ค์ด ๋ชจ์—ฌ ๊ตฟ์ฆˆ๋ฅผ ์‰ฝ๊ฒŒ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
์ด๋ฅผ ํ†ตํ•ด ๊ฐ ํŒฌ๋ค ๊ตฌ์„ฑ์›์ด ๋” ํฐ ์†Œ์†๊ฐ์„ ๋Š๋ผ๋ฉฐ, ๊ณต์ •ํ•œ ๊ฐ€๊ฒฉ์œผ๋กœ ์›ํ•˜๋Š” ๊ตฟ์ฆˆ๋ฅผ ์†์— ๋„ฃ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ— ์•„ํ‚คํ…์ฒ˜ ๋‹ค์ด์–ด๊ทธ๋žจ

Architecture Diagram

๐Ÿ“Š ERD (Entity-Relationship Diagram)

ERD Diagram

๐Ÿ›  ๊ธฐ์ˆ  ์Šคํƒ

Front-End

React TypeScript socket.io react-router MSW Toast UI axios styled-components Day.js react-toastify

Back-End

Java Spring Boot Spring Security JPA MySQL JWT Redis

CI/CD

Front-End

GitHub Actions Vercel

Back-End

AWS Jenkins Docker Nginx

๐Ÿ”— ํ”„๋กœ์ ํŠธ ๋ฌธ์„œ

ํŒ€์› ์†Œ๊ฐœ

Back-End Back-End Back-End Front-End Front-End Front-End
๋ฐ•์ƒ์ค€ ์œ ์„๊ท  ๊ณ ์„ฑํƒœ ์œค์ง„์˜ ๊ถŒ๋„ํ˜• ๋ฏผ๋ณ‘ํ˜„
itpark1018 github ysg2020 github Go0211 github Hira-Yuki github DoHyeongKwonn github hwang-jubin github