🚀 DJE-ACT HACK@THON Website

2025 대전시 청소년 창업캠프 SW해커톤 공식 웹사이트

📋 프로젝트 소개

대전 지역 문제해결을 위한 창의적 솔루션 개발을 주제로 하는 2025 대전시 청소년 창업캠프 SW해커톤의 공식 웹사이트입니다. 해커톤 정보, 일정, 결과, 갤러리, 스폰서 정보 등을 제공합니다.

🎯 주요 기능

• 📋 해커톤 정보: 상세한 해커톤 소개 및 참가 안내
• 📅 일정 관리: 3일간의 상세 스케줄 제공
• 🏆 결과 발표: 수상팀 및 결과 공지
• 📸 갤러리: 해커톤 진행 과정 사진 갤러리
• 🤝 스폰서: 파트너 기관 소개
• 🎮 미니게임: 방문자를 위한 인터랙티브 게임 (뱀게임, 핑퐁, 브레이크아웃)

🛠️ 기술 스택

• Frontend: React 18 + Vite
• Styling: CSS3 (모듈화된 컴포넌트 스타일)
• Routing: React Router DOM
• Build Tool: Vite
• Linting: ESLint

🚀 설치 및 실행

1. 프로젝트 클론

git clone https://github.com/UntameDuck/dje_hackathon.git
cd dje_hackathon

2. 의존성 설치

npm install

3. 개발 서버 실행

npm run dev

4. 빌드

npm run build

5. 프로덕션 미리보기

npm run preview

📁 프로젝트 구조

dje_hackathon/
├── public/                 # 정적 파일
│   ├── D1/                # Day 1 갤러리 이미지
│   ├── D2/                # Day 2 갤러리 이미지
│   ├── D3/                # Day 3 갤러리 이미지
│   └── *.png              # 로고 및 기타 이미지
├── src/
│   ├── components/        # React 컴포넌트
│   │   ├── About.jsx      # 해커톤 소개 페이지
│   │   ├── Gallery.jsx    # 갤러리 페이지
│   │   ├── Results.jsx    # 결과 페이지
│   │   ├── Sponsor.jsx    # 스폰서 페이지
│   │   ├── PingPong.jsx   # 핑퐁 게임
│   │   └── Snake.jsx      # 뱀 게임
│   ├── styles/            # CSS 스타일 파일
│   ├── App.jsx            # 메인 앱 컴포넌트
│   └── main.jsx           # 앱 진입점
└── package.json

🎨 주요 페이지

🏠 홈페이지

• 해커톤 메인 소개
• 주요 정보 요약
• 네비게이션 허브

📖 About

• 해커톤 상세 소개
• 개발 주제 분야 (항공우주, 바이오헬스케어, 나노·반도체, 국방)
• 3일간 상세 일정
• 참가 규정 및 심사 기준

🏆 Results

• 수상팀 발표
• 프로젝트 결과 전시

📸 Gallery

• 해커톤 진행 과정 사진
• 일자별 갤러리 분류

🤝 Sponsor

• 주최: 충남대학교 산학협력단
• 주관: A.C.T.(KE)
• 지원: 청소년 비즈쿨, 대전일자리경제 진흥원

🎮 미니게임

• 뱀게임: 클래식 스네이크 게임
• 핑퐁: 간단한 패들 게임
• 브레이크아웃: 벽돌깨기 게임

🏢 주최/주관 기관

• 주최: 충남대학교 산학협력단
• 주관: 대전대신고등학교 A.C.T.(KE)
• 지원: 청소년 비즈쿨, 대전일자리경제 진흥원

👥 개발팀

A.C.T.(KE) 소프트웨어 동아리

• 송리안, 조민준, 박호연, 조건우, 박헌주, 백승우
• 박성욱, 신기동, 신동건, 김선민, 김재민, 김태환
• 안재민, 백현빈

📄 라이선스

© 2025 A.C.T.(KE). All rights reserved.

🤝 기여하기

이 프로젝트에 기여하고 싶으시다면:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📞 문의

• 개발자: UntameDuck
• 이메일: [email protected]
• 프로젝트 링크: https://github.com/UntameDuck/dje_hackathon

---

Made with ❤️ by A.C.T.(KE) Software Club