jhj9109 / frontend Goto Github PK

🖥 For Client

🔐 For Server

정기적으로 20명이 넘는 동아리원(사서)님들을 무작위 매칭 후, 친해질 수 있는 활동을 함께 하도록 돕는 페이지입니다. 매칭에 대한 후기를 SNS처럼 남길 수도 있습니다. 현재 React 에 대한 경험이 없는 팀원들을 직접 가르쳐드리며, 프로젝트 참여를 독려 중입니다.

• 이벤트 목록에서 자신이 원하는 이벤트에 자유롭게 참가할 수 있습니다.
• 많은 이벤트에 참여할 수 있으며, 참석 취소도 가능합니다.

• 자신이 원하는 모임을 자유롭게 만들어 신청을 유도할 수 있습니다.
• 저녁을 같이 먹을 사람을 구하는 사적인 모임 모집!
• 프로젝트원을 구하는 공적인 모임까지 생성할 수 있습니다.

• 자신이 참여한 모임의 사진 및 동영상을 업로드 할 수 있습니다.
• 태그가 된 사람에게는 Slack 메시지가 갑니다.
• 게시글에 대한 댓글을 달 수 있습니다.

• 자신이 원하는 프로필 사진을 골라 사용합니다.
• 무려 28가지의, 다양한 성별과 나이대의 프로필을 제공합니다.

프론트 코드와 백엔드 코드 모두 클론합니다.

백엔드 코드

1. MySQL 다운로드 후 워크벤치에 DB 스키마 설계 후 실행

2. 백엔드

• 백엔드 환경 변수 설정
  • backend폴더 바로 안에 .env 파일 생성
  • .env 예시

    DB_DATABASE=...
    DB_USER=...
    DB_PASSWORD=...
    DB_HOST=...
    DB_PORT=...
    JWT_SECRET=...
    JWT_EXPIRES_SEC=...
    BCRYPT_SALT_ROUNDS=...
    HOST_PORT=...
    HOSTNAME=...
    ACCESS_KEY_ID=...
    SECRET_ACCESS_KEY=...
    REGION=...
    NAVER_ID=...
    NAVER_PW=...
    BOT_USER_OAUTH_ACCESS_TOKEN=...
    SLACK_JIP=...
    SLACK_TKIM=...
    

  • 실행

    npm install
    npm run dev

3. 프론트엔드

• 프론트엔드 환경 변수 설정
  • 폴더에 .env 파일 생성
  • .env 예시

    DEPLOY_ADR=...
    DEV_ADR=...
    

  • 실행

    npm install
    npm run dev