Skip to content

호날두팀(8팀) 오류 공유 플랫폼 서비스 FE 레포지터리입니다.

Notifications You must be signed in to change notification settings

Kernel360/hackerthon4-TemuOverflow-FE

Repository files navigation

테무플로우로고

TemuOverflow✅


🎬 시연 영상

테무플로우시연초압축버전

배포 링크

http://temuoverflow.s3-website.ap-northeast-2.amazonaws.com/

📝 프로젝트 소개

TemuOverflow는 AI를 결합한 한국형 스택 오버플로우로, 개발자들이 코드 에러를 공유하고 해결할 수 있도록 돕는 웹 서비스입니다.

TemuOverflow는?

  • AI 및 사용자 기반 Q&A 게시판을 통해 개발자가 발생한 오류를 게시하면, 사람들과 AI가 함께 답변을 제공합니다.
  • 챗봇 기반 AI 오류 해결 기능으로 AI와 직접 대화하며 오류의 원인과 해결책을 실시간으로 찾을 수 있습니다.
  • 오늘의 에러 기능을 통해 랜덤으로 개발 관련 오류를 제공하고, 이에 대한 해결 방법을 학습할 수 있습니다.

📍 주요 기능

<게시판>

  1. 오류 해결을 위한 커뮤니티 기반 Q&A

    • 개발자가 경험한 오류를 게시글로 작성할 수 있습니다.
    • 사람들과 AI가 함께 답변을 달아주며, 해결 방법을 공유합니다.
  2. AI 답변 기능

    • 게시글에 AI가 답변을 달아 문제 해결을 돕습니다.
    • AI는 최신 기술 트렌드와 데이터를 학습하여 최적의 해결 방안을 제안합니다.

<챗봇>

  1. AI와 실시간 오류 해결

    • 개발자는 발생한 오류를 AI 챗봇에게 전송하여 실시간으로 해결 방법을 얻을 수 있습니다.
    • AI는 코드 분석 및 관련 문서를 참고하여 최적의 해결책을 제시합니다.
  2. 대화형 코드 디버깅

    • AI는 코드 스니펫을 분석하고, 가능한 오류 원인을 설명합니다.
    • 사용자는 AI와 대화하며 문제 해결 방향을 조정할 수 있습니다.

<오늘의 에러>

  1. 랜덤 오류 제공 및 학습
    • 매일 랜덤으로 개발 관련 오류를 제시하고 해결 방안을 제공합니다.
    • 다양한 오류 사례를 학습하며 개발 역량을 키울 수 있습니다.

📍 세부 기능

📌 게시판 기능

  1. 게시글 작성 및 수정

    • 개발자가 오류 관련 게시글을 작성하고 수정할 수 있음.
  2. 게시글 검색

    • 게시글 검색 가능.
  3. 게시글 좋아요 기능

    • 유용한 게시글에 좋아요를 누를 수 있음.

📌 댓글 기능

  1. 댓글 작성 및 수정

    • 가입한 유저라면 댓글을 통해 의견 전달이 가능
  2. AI 답변 자동 생성 AI가 자동으로 오류 해결 방안을 제시.

  3. 댓글 좋아요 기능

    • 댓글에 좋아요를 누를 수 있음.
    • 중복 방지 로직을 적용하였음.

📌 챗봇 기능

  1. AI 기반 오류 상담

    • 실시간으로 오류를 분석하고 해결 방안을 제시.
  2. 코드 디버깅 기능

    • 코드 스니펫을 AI가 분석하여 오류 원인 및 해결법을 제공.

📌 오늘의 에러 기능

  1. 랜덤 오류 문제 출제
    • 매일 새로운 오류 사례를 제공하여 학습 지원.
  2. AI 자동 추천
    • AI와 연동하여 각기 다른 에러를 확인할 수 있도록 지원 예정

📌 BE - CI/ CD

  1. GitHub Actions
    • GitHub Actions을 활용하여 CI/CD 를 구축함

📌 기타 기능

  1. 사용자 인증 및 권한 관리

    • JWT 기반 로그인 및 권한 부여.
  2. 반응형 웹 사이트

    • 사용자 환경에 맞춰 UI를 조정할 수 있도록 지원.

⚙ 기술 스택

Front-end

Back-end

Infra

Tools


🛠️ 프로젝트 아키텍처

Image


🗂️ 기술 문서

👉 API 명세서 : 바로가기

👉 기능 명세서 : 바로가기

👉 ERD :

Image

💁‍♂️ 프로젝트 팀원

이름 역할 담당 업무 기타
박준서 백엔드 개발자 (팀장) 백엔드 CI/CD 구축
ChatBot 화면,API 구현
오늘의 에러 API, 화면 구현
댓글 API 구현, AI 댓글 기능 구현
yyysolhhh 프론트엔드 개발자 프론트엔드 CI/CD 구축
게시판 페이지
검색, 페이지네이션
회원가입, JWT 로그인, 로그아웃
조준범 백엔드 개발자 BE: 스프링시큐리티(JWT 로그인), 게시판/댓글 기능, 좋아요 기능, 게시글 해결 완료 기능, 랜덤 에러 출력 기능 FE: 게시글 상세페이지 새로산 노트북으로 작업했는데 초기 설정을 빠뜨려 닉네임이 전부 mac으로 들어가있습니다. 사용자 닉네임이 mac인 커밋은 제 커밋입니다.. 🥲 PR탭의 Closed로 가셔서 Author을 JunbeomKoreUniv로 설정하시면 제가 작업한 내역들이 보입니다..!
장창훈 백엔드 개발자 게시판 기본CRUD, 페이지네이션기능
게시판 검색기능

About

호날두팀(8팀) 오류 공유 플랫폼 서비스 FE 레포지터리입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages