Skip to content

osamhack2021/WEB_Millage_ICM

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

demo docs issues

GitHub language count GitHub contributors GitHub stars GitHub forks GitHub license

프로젝트 소개

개발 동기

큰 규모의 부대같은 경우 인트라넷을 통한 커뮤니티가 어느정도 활성화 되어있지만, 그렇지 못한 소규모 부대들의 경우 육군훈련소 대신 전해드립니다 같은 개인적으로 운영되는 커뮤니티를 사용하는 것이 현실입니다. 커뮤니티가 없기 때문에 병사들은 쉽게 말할 수 있는 공간이 없고, 부대 생활에 필요한 정보를 얻는 것이 쉽지 않습니다. 또, 같은 부대에 생활하고 있더라도 같은 부서가 아닌 인원과는 소통할 기회가 적고, 소통이 이루어졌다면 해결될 수 있는 문제가 불필요한 이슈로 변질되고 있습니다.

문제 정의

"부대의 소속원들 간에 쉽게 소통할 수 있는 공간의 부족"

특정 부대에 한해 국방망 내 커뮤니티나 카카오 오픈채팅을 운영하는 경우도 있지만, “병영생활에 도움을 주는 목적”에 특화된 서비스가 아니기 때문에 사용자가 불편함을 경험하기 쉽고, 무엇보다 커뮤니티의 생성과 운영이 어렵기 때문에 제대로 시행되는 부대가 적습니다.

프로젝트 (해결책) 제시

모두를 위한 국방 커뮤니티, Millage는 병사와 간부들, 또 병 상호간 소통할 수 있는 부대 단위 커뮤니티를 제공합니다. 부대별로 독립적인 다양한 게시판 및 일정 캘린더를 제공하여 정보 공유를 원활하게 하고, 설문/모집 기능을 이용해 활동에 필요한 인원들을 모을 수도 있습니다. 또, 사용자들간 1대1 채팅을 통해 서로 소통을 가능하게 하며, 시설 예약 시스템을 통하여 시설 관리를 편리하게 할 수 있도록 도와줍니다.

기능 설명

구현된 서비스의 예시 화면은 이 곳에서 확인할 수 있습니다.

기능 설명 페이지로 이동하기

 

 

서비스 이용 방법

사용자 승인/부대 생성 승인은 시연 기간 중 수시로 하고 있으나 가입 후 승인까지 시간이 걸릴 수 있으니 양해 부탁드립니다.

1. 데스크탑 / WEB
https://millage.ml/ 웹사이트 접속 후 서비스 이용

2. 스마트폰 / APP
안드로이드/IOS 기반 스마트폰에서 웹사이트 접속 후 [홈 화면에 사이트 추가 설정] 후 어플리케이션으로 이용
또는 브라우저 어플리케이션에서 https://millage.ml/ 웹사이트 접속

밀리지 기대 효과

📅 부대생활에 필요한 정보를 쉽게 얻을 수 있습니다

부대 생활에 필요한 정보들을 얻기 위해 여러 군데를 돌아다니며 힘들게 찾아야 했던 병사 여러분,
밀리지를 이렇게 활용해보세요.

  • 캘린더 기능을 이용하여 본인의 근무 일정 및 부대 일정 확인을 할 수 있습니다.
  • 공지게시판을 이용하여 생활 규정이나 공모전 등 각종 행사 정보를 접할 수 있습니다.
  • 자유게시판 등 쉽게 커스터마이징할 수 있는 게시판을 통해 다양한 이야기와 팁을 공유할 수 있습니다.

🤼‍♂️ 부대 내 결속을 높힐 수 있습니다.

소속원들끼리 자주 만나고 소통할수록 집단의 유대감은 향상되기 마련이죠.
밀리지는 이렇게 활용할 수 있습니다.

  • 모집 기능의 게시물을 이용해 축구, 스터디 등 소규모 그룹 활동을 활발하게 할 수 있습니다.
  • 칭찬 게시판을 활용하여 부대 소속원들간의 친밀감을 형성하는 데 기여할 수 있습니다.

⚙ 더 나은 부대운영이 가능합니다.

온라인 환경은 오프라인에 비해 더 편리한 접근성을 제공합니다.
밀리지를 이렇게 활용해보세요.

  • 설문기능의 게시물을 이용해 급식 설문 조사를 포함해 병사들의 병영 생활 만족도를 조사할 수 있고, 부대 행사 기획 시 병사들의 여론을 확인할 수 있습니다.
  • 시설 관리 및 예약 기능을 통해 클릭 몇 번만으로 언제 어디서나 시설을 예약할 수 있습니다.

📭 사소한 불편함, 깊은 고민 모두 쉽게 소통하고 개선할 수 있습니다.

불편함을 쉽게 말할 수 있는 집단이 건강한 집단입니다.
밀리지는 이렇게 도움을 줄 수 있습니다.

  • 민원 게시판을 이용해 시설 하자와 같은 작은 불편함들도 쉽게 전달하고 빠르게 해결할 수 있습니다.
  • DM 기능은 부대 소속원들 모두 개인적으로 연결하여, 쉽게 전하기 힘든 고민까지도 전할 수 있는 소통 통로가 될 수 있습니다.

🤝 부대에서 해결할 수 있는 문제는 부대에서 해결해야죠

개인이 운영하는 커뮤니티에 의존하게 된 것은 부대 내 소통이 부족했기 때문입니다.
밀리지가 해결하겠습니다.

  • 독립적으로 운영할 수 있는 부대단위의 커뮤니티를 쉽게 개설하여, 부대 내에서 소통할 수 있는 창구를 마련할 수 있습니다.
  • 커뮤니티에 속한 인원은 모두 관리자의 승인을 받아서 가입한 것이기 때문에, 외부인의 접근을 방지할 수 있습니다.
  • 관리자의 권한으로 부적절한 게시글을 올리는 사용자를 제제하고 관리할 수 있습니다.

컴퓨터 구성 / 필수 조건 안내 (Prerequisites)

  • ECMAScript 6 지원 브라우저 사용
  • 권장: Google Chrome 버젼 77 이상

서비스 플로우

기술 스택 (Technique Used)

인프라 (Infra)

Ubuntu Ngnix SSL

협업 도구 (Cooperation Tool)

Git Github

사용 언어 (Programing Language)

Javascript Typescript

서버 관리 도구(Server Management Tool)

pm2 nodemon

서버 (Back-end)

Nodejs V14 Express NestJS Socket.io TypeORM

데이터베이스 (Database)

MySQL

웹 어플리케이션 (Front-end)

React Redux Redux-saga

웹 디자인 (CSS)

Material UI tailwindcss

기타 오픈 소스 (Other Open Source)

프로젝트 사용법 (Getting Started) / 개발 시작하기

개발을 시작하기 전에 CONTRIBUTING.md 를 꼭 참고해주세요.

  1. Millage Project 클론 - git clone https://github.com/osamhack2021/WEB_Millage_ICM.git
  2. 프로젝트 디렉토리로 이동후 yarn install
  3. yarn client-start로 React Application 실행
  4. WEB(BE) 디렉토리에 ormconfig.json 추가, db 정보 입력.
  5. yarn server-start로 Nodejs 서버 실행
  6. Codespace 에서 작업 시 npx localtunnel --port 4000 --subdomain millage로 proxy 서버 설정,
    Constants의 서버를 해당 도메인으로 변경

팀 정보 (Team Information)


사진 성명 역할 깃허브 이메일
박은찬
(팀장)
풀스택 개발
DM/사용자 기능
서버 환경 구축
박수근 프론트엔드 개발
게시판 기능
황인규 프론트엔드 개발
캘린더/시설예약
최성흠 백엔드 개발
REST API 구현
DB 구조 설계
김동현 디자인
시연,발표자료

저작권 및 사용권 정보 (Copyleft / End User License)

  • This project is licensed under the terms of the MIT license.

About

모두를 위한 독립형 국방 커뮤니티

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages

  • TypeScript 91.2%
  • CSS 7.7%
  • Other 1.1%