Welcome to the Foot-Salon wiki!

Foot Salon Wiki ⚽️🔥

01 소개

축구에 관한 모든 정보 & 축구를 좋아하는 사람들의 이야기 공간

Foot Salon은 축구를 좋아하는 사람들이 모여 정보를 공유하고, 자유롭게 이야기 할 수 있는 축덕 커뮤니티입니다 :)
실시간 각 리그별 팀 순위,득점자 순위 및 남자축구 국가대표 경기 일정을 통해 한 눈에 원하는 정보를 얻을 수 있고,
축구 다이어리로 개인 Stat을 쌓아 나의 축덕력을 기록할 수 있습니다.

홈페이지 바로가기🔍

---

02 프로젝트 개요

🔻 프로젝트 목표

• 프로젝트 구조를 설계, 디자인 하고 계획한 기능 모두 구현하기
• 사용자 관점에서 UI/UX 좀 더 깊이있게 고민하기
• 웹 접근성 향상 & SEO 최적화 하기
• 웹사이트 배포하기

🔻 프로젝트 컨셉

• 전체적인 디자인,메뉴,문구 -> 축구와 관련된 아이템,용어 사용

🔻 프로젝트 특징

• 반응형 웹, 웹 표준&웹 접근성을 고려하여 UI 개발
• 로고,아이콘 등 디자인 및 제작

• Figma를 활용하여 전체 UI 디자인 및 설계
• Atomic Design Pattern을 활용하여 프로젝트 구조 설계
• React Hook Form을 활용하여 Form 작성
• Rendering 최적화
• Semantic tag를 사용하여 웹 접근성 향상, SEO 최적화
• 가독성 향상, 유지보수를 위하여 프로젝트 진행 중, 진행 후 Code Refactoring

🔻 프로젝트 진행 과정

🔻 Tech Stack

---

03 주요 기능

• 반응형 웹
• Home
  • Carousel
  • 각 리그별 팀, 득점자 순위 테이블
  • 남자축구 국가대표 경기 일정
• 축구 하이라이트 영상
• 게시판(CRUD) + 댓글
• 축구 다이어리 기록
• 사진 업로드
• 회원가입
• 로그인
• 이메일 보내기

🔍 In more detail

• 회원가입 / 로그인
  : Redux Toolkit을 사용하여 User 상태 관리, Firebase로 User 정보 관리,
  정규 표현식을 활용하여 닉네임/이메일/비밀번호 검증 기능 구현
• 실시간 각 리그별 팀/득점자 순위 테이블, 축구 하이라이트 영상
  : Axios를 활용하여 Football API 연동
• 게시판/댓글/축구 다이어리/사진 업로드
  : Redux Toolkit, Thunk를 사용하여 Data, Store, Module 관리