프로젝트 이름

dktechin 사내 휴양시설 추첨 서비스

프로젝트 설명 📖

이 프로젝트는 사내 직원들이 복지로 제공되는 휴양시설을 응모하고, 추첨을 통해 공정하게 당첨된 사람이 시설을 이용할 수 있도록 하는 서비스입니다.

Framework

• React
• Redux
• Axios/Fetch
• Node.js

스크린샷 📸

로그인 페이지

메인 페이지

응모 페이지

응모 페이지 (시설 선택)

응모 페이지 (일자 선택)

응모 페이지 (응모하기)

응모 페이지 (날짜 선택)

응모 페이지 (방 선택)

내 정보 페이지

추첨 상세 페이지

공지사항 페이지

FAQ 페이지

관리자 페이지

사용자 관리 페이지

휴양 시설 등록 페이지

휴양 시설 리스트 페이지

추첨 등록 페이지

추첨 리스트 페이지

당첨자 목록 페이지

기능 ✨

• 주요 기능 1: 응모 기능
• 주요 기능 2: 응모시 시설/일자 선택 기능
• 주요 기능 3: 추첨시 블록체인을 이용한 투명한 결과 조회 기능

설치 및 실행 방법 🚀

환경변수 파일들에 대해 설치를 해야 정상적으로 작동합니다! (다크모드를 꼭 해제하고 실행해주세요!_크롬 및 OS 자체 설정 수정)

.env파일

VITE_KAKAOMAP_JAVASCRIPT_APP_KEY = 84b1e1a9944c30ce5201c0257812ed10
VITE_API_BASE_URL=http://api.boosting.kro.kr

vite.config.ts파일

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  optimizeDeps: {
    include: ['react', 'react-dom', 'react-router-dom'],
    exclude: [],
  },
  server: {
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://api.boosting.kro.kr',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
})

요구 사항

• Node.js == 20.15
• npm >= 10.7

설치

https://github.com/KEA4th-Boosting/Boosting-FE.git

cd Boosting-FE

npm install

npm run dev