ALGONION - 온라인 저지 사이트 통합 서비스

Algonion 링크 👉 https://algonion.store/

목차

1. 개요
2. 주요 기능
3. 개발 환경
4. 프로젝트 파일 구조
5. 서비스 화면
6. 설계 문서
7. 팀원 소개

개요

모든 코드, 모두 모아

Algonion은 Algorithm과 Union의 합성어 입니다.
Algonion은 여러 온라인 저지 사이트에서 자신이 해결한 문제를 통합, 관리할 수 있는 서비스입니다.

온라인 저지 사이트는 다양한 난이도의 문제를 제공하지만, 각 온라인 저지 사이트 간의 통합이 되어있지 않다는 아쉬운 점이 있습니다.
다양한 온라인 저지 사이트의 문제 난이도를 분석하여 문제의 난이도를 한 가지 기준으로 설정하여,
프로그래밍 실력 향상을 위한 발판을 마련해 줄 수 있을 것입니다.

주요 기능

• 해결한 문제 저장

  • Algonion에서 제공하는 크롬 확장 프로그램을 설치하세요.
  • 여러 온라인 저지 사이트에서 문제를 풀면 자동으로 Algonion 사이트에 저장됩니다.
  • 여러 온라인 저지 사이트에서 해결한 문제를 한 눈에 볼 수 있습니다.

• 기록 관리

  • 해결한 문제를 볼 수 있고, 메모를 남기거나 Notion에 저장할 수 있습니다.
  • 해결한 문제를 통합하여 그래프 등을 활용해 시각화하여 볼 수 있습니다.
  • 스트릭을 활용하여 푼 날짜를 확인할 수 있습니다.

개발 환경

Management Tool

Infra

Front

Backend

프로젝트 파일 구조

Front-end

frontend
    ├─public
    └─src
        ├─api
        ├─assets
        │  ├─img
        │  ├─logo
        │  ├─social_login
        │  │  └─kakao
        │  └─tier
        ├─components
        │  ├─Board
        │  ├─CodeLog
        │  │  └─CodeLogList
        │  ├─Community
        │  ├─Main
        │  ├─Search
        │  ├─svg
        │  └─User
        ├─containers
        │  ├─Footer
        │  └─Header
        ├─pages
        │  ├─CodeLogDetailPage
        │  ├─CodeLogPage
        │  ├─CollaborativeEditorPage
        │  ├─CommunityPage
        │  ├─LoginSuccessPage
        │  ├─MainPage
        │  ├─RoomDetailPage
        │  ├─SearchPage
        │  └─UserPage
        ├─routes
        └─utils

Back-end

backend
    ├─domain
    │  ├─problem
    │  │  ├─controller
    │  │  ├─exception
    │  │  ├─model
    │  │  │  └─entity
    │  │  ├─repository
    │  │  ├─request
    │  │  ├─response
    │  │  └─service
    │  └─user
    │      ├─controller
    │      ├─dto
    │      │  ├─request
    │      │  └─response
    │      ├─entity
    │      ├─exception
    │      ├─repository
    │      └─service
    └─global
        ├─annotation
        ├─config
        ├─error
        ├─jwt
        ├─oauth
        └─util

서비스 화면

메인 화면

• Algonion의 메인 화면입니다
• 로그인을 할 수 있고, 상단 바를 통해 메뉴를 이용할 수 있습니다

마이페이지

• 해결한 문제의 점수에 따라 개인 레벨을 보여줍니다
• 해결한 문제들을 보여줍니다
• 해결한 날짜를 기준으로 스트릭을 채울 수 있습니다

해결한 문제 리스트

• 해결한 문제들을 리스트로 볼 수 있습니다

메모

• 해결한 문제를 선택해서 메모를 남길 수 있습니다

노션에 저장

• 해결한 문제를 선택해서 노션에 저장할 수 있습니다

유저 조회

• 다른 유저를 조회할 수 있습니다
• 조회한 유저의 해결한 문제나 스트릭 등을 확인할 수 있습니다

webRTC

• webRTC를 통해 다른 유저와 마크다운 형태로 코드를 공유하거나 채팅을 이용할 수 있습니다

해결한 문제 가져오기

• 해결한 문제를 크롬 확장프로그램을 통해 자동으로 저장합니다
• 설문의 결과로 가장 많은 사용자가 있는 백준, 프로그래머스, SWEA에서 문제를 가져옵니다.

설계 문서

• 기능/요구사항 명세서
• API
• 컨벤션
• 기획서
• ERD
• Components

팀원 소개

• 엄예진 (팀장)
  • API 설계 및 구현
  • 협업툴 및 문서 관리
  • 모델링 및 DB 설계
• 김예지 (프론트엔드 리더)
  • 인프라 구축
  • UI/UX 설계 및 구현
  • webRTC 구현
• 김수환 (백엔드 리더)
  • 인프라 구축
  • API 설계 및 관리
  • 외부 API 관리
• 정원종 (프론트엔드)
  • UI/UX 설계 및 구현
  • 와이어프레임 및 API 설계
  • 데이터 스크래핑
• 전소현 (프론트엔드)
  • UI/UX 설계 및 구현
  • 와이어프레임 및 API 설계
  • 데이터 스크래핑
• 신유진 (백엔드)
  • 모델링 및 DB 설계
  • API 설계 및 구현