WEB_KookbangFriends_Woowahan

screenshot of WEB_KookbangFriends_Woowahan
html
nextjs
react
scss
strapi

'국방프렌즈'는 군 생활을 하는 용사 및 군무원분들을 대상으로 온라인 비대면 상담 서비스를 제공하고 자유롭게 소통을 할 수 있는 커뮤니티 웹/앱 플랫폼입니다. 또한 병영생활에 도움이 되는 정보를 다양한 방법으로 제공하여 하나의 커뮤니티 체계를 이루는 것을 목표로 한 프로젝트입니다.

Overview

국방프렌즈는 비대면 상담과 온라인 소셜 네트워크를 통합한 혁신적인 플랫폼입니다. 이 서비스는 최신 보안 시스템을 적용하여 사용자들에게 안전한 상담 환경을 제공하며, 다양한 기능을 통해 사용자 간의 소통을 촉진합니다. 국방부의 최신 소식을 손쉽게 접할 수 있는 기회를 제공하며, 모든 기능들이 원활하게 통합되어 있어 매우 실용적입니다.

이 플랫폼은 특히 군인들과 관련된 다양한 요구를 충족시키는 데 중점을 두고 개발되었습니다. 상담 서비스뿐만 아니라, 커뮤니티 활동과 정보 공유가 가능하여 국방 SNS의 초석이 되고 있습니다. 사용자는 필요할 때 언제든지 상담을 받을 수 있으며, AI 챗봇이 24시간 헬프데스크 역할을 수행해 도움을 제공합니다.

Features

  • 강화된 보안: 최신 보안 시스템과 암호화 인증이 적용되어 안전한 비대면 상담 서비스 제공.
  • 전문 상담관 선택: 사용자가 원하는 전문 상담관을 선택할 수 있는 기능 추가.
  • AI 챗봇 지원: 24시간 헬프데스크 서비스를 제공하며, 머신러닝을 통해 개선되는 AI 서비스.
  • 정보 격차 해소: 장병의 보직에 따라 필요한 정보를 제공하여 정보 격차를 없애는 카드뉴스 기능.
  • SNS 기능: 전군 통합 온라인 소셜 네트워크로서, 동아리 활동과 스터디, 중고물품 거래 지원.
  • 웹 및 모바일 완전 지원: PWA를 활용하여 웹/모바일에서 손쉽게 접근할 수 있는 플랫폼.
  • 구체적인 개발 문서: Gitbook을 통해 명확하게 정리된 개발 문서와 OPEN API 제공.
  • 비대면 커뮤니티 구축 가능: 사용자들이 서비스를 쉽게 관리할 수 있도록 하는 데이터 관리 페이지 구축.
html
HTML

HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

strapi
Strapi

Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.

docker
Docker

A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.