Giter Club home page Giter Club logo

sports-it-next's Introduction

Sports-IT Platform 🏆

🧑🏻‍💻 프로젝트 소개

스포츠-잇(Sports-IT)은 스포츠대회 운영/관리 솔루션 입니다.

체육 단체는 간편하게 대회를 주최하고 관리할 수 있습니다.

참가자는 대회 정보를 한눈에 파악하고, 대회에 손쉽게 참가할 수 있습니다.


☑️ 배포 주소


🛠️ 기술 스택

Environment

Development


Communication

CI/CD


💫 팀원 소개

김영훈 공명규 이준수 신우현
PM Database, Back-End Mobile, Back-End Front-End
gongzuri MeongQ level_lee WooHyunKing

⚙️ 주요 기능

1) 대회 개최 🏅

  • 주최자 계정으로 가입 시 대회 개최 가능
  • 대회 정보, 일정, 포스터, 규약 등 업로드 기능
  • 대회 종료 후 결과 데이터(시상 정보) 입력 기능

2) 대회 참가 🎯

  • 체육인 계정으로 가입 시 대회 참여 가능
  • 선수/관람객으로 참가 및 대회 참가비 결제 기능
  • 대회 종료 후 공문서 조회 및 대회 결과 확인 기능

3) 피드 탐색 🔍

  • 사용자 피드 업로드 및 조회 가능

🎬 메인 시나리오


📱 프로젝트 기능 & 페이지 구성

메인 / 대회 / 단체 및 선수 페이지

sport-it_logo

대회 개최 페이지

sport-it_logo

대회 참가 페이지

sport-it_logo

공문서 발급 페이지

sport-it_logo

🔗 SW 아키텍처

1) 시스템 아키텍처

시스템 아키텍처

2) ERD

erd

Version Update

  • 0.0.1
    • 작업 진행중
  • 0.1.0
    • Release

Requirements

For building and running the application you need :

  • node.js 18.16.0
  • npm 8.3.1
  • Google Cloud SDK 433.0.1

Installation

$ git clone https://github.com/PlayMaker-S/Sports-IT-Next.git

$ cd Sports-IT-Next
$ nvm use v.18.16.0

$ npm install

$ npm run dev

Deploy

$ git clone https://github.com/PlayMaker-S/Sports-IT-Next.git

$ cd Sports-IT-Next
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

$ source ~/.bashrc

$ nvm install --lts # 18.16.0

$ nvm use v.18.16.0

$ (New-Object Net.WebClient).DownloadFile("https://dl.google.com/dl/cloudsdk/channels/rapid/GoogleCloudSDKInstaller.exe", "$env:Temp\GoogleCloudSDKInstaller.exe")

& $env:Temp\GoogleCloudSDKInstaller.exe
    
$ gcloud init

$ gcloud app deploy # Setting the app.yaml & cloudbuild.yaml

DockerFile

# 의존성 빌드 단계
FROM node:16-alpine AS deps

WORKDIR /app

COPY package.json package-lock.json ./

RUN npm ci --production

# 앱 빌드 단계
FROM node:16-alpine AS builder

WORKDIR /app

COPY . .
COPY --from=deps /app/node_modules ./node_modules

RUN npm run build

# 최종 단계
FROM node:16-alpine AS runner

WORKDIR /app

ENV NODE_ENV production

COPY --from=builder /app/next.config.js ./
COPY --from=builder /app/public ./public
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json

EXPOSE 8080

CMD ["npm", "start"]

📖 COMMIT CONVENTION

태그 설명
feat: 새로운 기능을 추가할 경우
fix: 버그를 고친 경우
design: CSS 등 사용자 UI 디자인 변경
!BREAKING CHANGE: 커다란 API 변경의 경우
!HOTFIX: 급하게 치명적인 버그를 고쳐야하는 경우
style: 코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
refactor: 프로덕션 코드 리팩토링
comment: 필요한 주석 추가 및 변경
docs: 문서를 수정한 경우
test: 테스트 추가, 테스트 리팩토링(프로덕션 코드 변경 X)
chore: 빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우(프로덕션 코드 변경 X)
rename: 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
remove: 파일을 삭제하는 작업만 수행한 경우

✨ PR CONVENTION

### 📗 작업 내역

> 구현 내용 및 작업 했던 내역
- 작업 내역 1
- 작업 내역 2
- 작업 내역 3
- 작업 내역 4

<br/>

### 📘 작업 유형

- 신규 기능 추가
- 버그 수정
- 리펙토링
- 문서 업데이트

<br/>

### 📝 PR 특이 사항

> PR을 볼 때 주의깊게 봐야하거나 말하고 싶은 점
- 특이 사항 1
- 특이 사항 2

<br/><br/>

기여 방법

  1. 깃허브 레포지토리를 포크합니다.
  2. (git checkout -b feature/fooBar) 명령어로 새 브랜치를 만드세요.
  3. (git commit -am 'Add some fooBar') 명령어로 커밋하세요.
  4. (git push origin feature/fooBar) 명령어로 브랜치에 푸시하세요.
  5. 풀리퀘스트를 보내주세요.

🛎️멘토링 LOG

🎃 캡스톤디자인-실습일지


Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.