/10th-Ewha-Festival-Front

이화 멋사 10기 대동제 웹사이트 프로젝트 - 프론트엔드

Primary LanguageJavaScript

💚🎉 2022 이화여대 대동제 : 부스 통합 안내 서비스 🎉💚

🎉 프로젝트 소개

녹화_2022_09_04_14_58_28_581

2022 이화여대 대동제를 맞이해 '이화여대 멋쟁이 사자처럼 10기'가 대동제 TF팀과 협업하여 부스 통합 안내 서비스를 제작하였습니다.
Re:wha는 150개의 부스들을 한 번에 조회 가능한 유일한 플랫폼으로써, 대동제를 즐기는 벗들의 편의와 즐거움을 증진시키고 부스를 운영하는 벗들에겐 부스 홍보 효과를 제공합니다.
더불어 Re:wha는 [이화여대 총학생회 비상대책위원회]의 공식 소통 창구에도 홍보되어,
많은 벗들에게 자신의 부스를 홍보 할 수 있는 기회가 되었습니다.

💚 사이트 바로가기 - 배포용
💚 사이트 바로가기 - 서버x, 아카이빙 용

🎉 기능

Re:wha가 제공하는 기능은 다음과 같습니다.

  1. 부스 위치 조회 기능
  2. 부스 이름, 메뉴 검색 기능
  3. TF팀 공지 게시판
  4. 관심 부스 좋아요 기능
  5. 댓글을 통한 커뮤니티 기능
  6. 교내 쓰레기통 위치 안내 기능
  7. 대동제 행사 안내



🎉 프론트엔드 팀원 소개

정다윤 김혜빈 김민주 이서진 허윤 이채원 정연주

메인 페이지

카테고리 페이지

검색 페이지

유저인증& 로그인유지

공지사항 작성

공지사항 수정

마이페이지(유저/관리자)

쓰레기통 페이지

부스 상세 페이지 공지게시판 페이지

로그인&회원가입

만든이들페이지

사이드바

부스 수정 및 메뉴 수정 페이지

개발 기간

  • 퍼블리싱 : 2022.08.26
  • 기능 구현과 API 연결 : 2022.09.05
  • 알파 테스트 : 2022.09.08
  • 사이트 공개 : 2022.09.12

🎉 프로젝트 시작

git clone https://github.com/EWHA-LIKELION/10th-Ewha-Festival-Front.git
npm install
npm start

🎉 기술 스택

  • Frontend :
  • Package Manager :
  • Code Formmater :
  • ETC :

🎉 라이브러리

 "@reduxjs/toolkit": "^1.8.5",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^0.27.2",
    "gulp-sass": "5.1.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-ga": "^3.3.1",
    "react-icons": "^4.4.0",
    "react-redux": "^8.0.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "^4.0.0",
    "redux": "^4.2.0",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.4.1",
    "sass": "^1.54.9",
    "styled-components": "^5.3.5",
    "util": "^0.12.4",
    "web-vitals": "^2.1.4"

🎉 프로젝트 구조

🎉 폴더 구조

📂 src
├─ 📂 api  ▶️ api 모음
├─ 📂 redux  ▶️ store와 Slice 파일 모음
├─ 📂 components  ▶️ 컴포넌트
├─ 📂 images  ▶️ svg 파일 모음
├─ 📂 pages  ▶️ 조건에 따라 라우팅되는 페이지
├─ 📂 styles  ▶️ 공통적으로 사용되는 스타일 값
└─ 📂 _mock  ▶️ 샘플 데이터

🎉 UI

image image