Giter Club home page Giter Club logo

eeos's Introduction

EEOS.png

https://econo.eeos.store

현재는 econovation 회원들만 서비스를 이용할 수 있습니다.

EEOS를 소개합니다.

EEOS는 Econovation Event Operation System의 준말로, 전남대학교 IT 동아리 에코노베이션의 행사를 관리할 수 있는 체계입니다. EEOS를 통해 에코노베이션에서 진행하는 행사의 등록과 출석 여부 및 수요조사 등을 관리할 수 있습니다!

⛳ 서비스 목표

에코노베이션뿐만 아니라 모든 동아리에는 여러가지 성격의 행사들이 존재합니다. 주로 행사의 출석 여부는 수기로 기록하거나, 수요조사는 카카오톡등으로 진행됩니다. 그렇지만 행사들이 계속해서 쌓이게 된다면, 출석 체크 관리는 어려워지고, 행사에 대한 정보들을 확인하기 어려워집니다.

그래서 저희는 EEOS를 통해서 행사들을 체계적으로 관리하여서 동아리의 모든 행사들을 아카이빙할 수 있는 서비스를 만들게 되었습니다.

  • EEOS’s Mission
    • 출석 체크 시스템 온라인화
    • 행사 아카이빙
  • EEOS’s Vision
    • 기존의 수기로 진행되었던 출석체크를 온라인으로 진행하여서, 사용자가 직접 자신의 출석 여부를 입력하여 출석체크를 하는 비용을 최소화하고, 이후 운영진(관리자)이 모든 행사들의 출석 여부를 빠르게 파악할 수 있게끔 한다.
    • 이전까지의 모든 행사들을 서비스를 통해 아카이빙하여서 반복되는 행사들에 대한 방향성을 보다 빠르게 찾을 수 있게 돕는다.

📄관련 문서

  • About EEOS
  • EEOS USER MANUAL
  • EEOS VOC
  • EEOS Update

주요 기능을 소개합니다.

📍EEOS 1.0

  • 운영진(관리자) 전용 페이지로, 운영자가 회원들의 출석 여부를 입력합니다.
    • 행사 조회
    • 행사 생성 및 수정
    • 행사 세부 정보 조회

📍EEOS 2.0

  • 모든 사용자가 직접 자신의 출석 여부를 입력할 수 있습니다.
    • Slack OAuth 로그인
    • 행사 조회 + 행사 카테고리화
    • 행사 생성 및 수정 + 수요 조사 기능
    • 행사 세부 정보 조회 + 출석 상태 입력

📍EEOS 2.1

  • AI를 활용하여 팀빌딩을 진행하는 기능을 추가하였습니다.

개발 팀 문서

Frontend Architecture

Frontend

Backend Architecture

Backend

AI - README.md

BE - README.md

FE - README.md

AOS - README.md

Black Company를 소개합니다.

팀원 소개

Teams.png

일정 관리

Plan.png

회고

  • Term과 Sprint가 끝날때마다 회고를 진행하여 프로젝트의 개선점을 찾고, 더 나은 프로젝트가, 팀이 되기 위해 노력하였습니다.
  • 회고

🔗 해당 주제로 포스팅한 글

🗣️발표자료

eeos's People

Contributors

kssumin avatar bada308 avatar hyeonz1 avatar jiucchu avatar joonsu25 avatar

Stargazers

박건규 avatar Bellmin avatar  avatar  avatar  avatar Sonny avatar

Watchers

James Cloos avatar

eeos's Issues

[BE/BUG] 마감기한이 같을 때 정렬

Description

  • 현 상황
    마감 기한이 같을 때 id를 기준으로 정렬하고 있음

  • 변경 후
    마감 기한이 같을 때는 title를 기준으로 정렬하도록 변경합니다.

To Do

  • 인덱스 설정
  • 상태 패턴 도입하여 리팩터링

ETC

[BE/FEAT] 슬랙Oauth를 이용한 인증/인가 구현

Description

슬랙Oauth를 이용한 로그인 구현합니다.

To Do

  • 슬랙 api 호출을 통한 유저 정보 받아오기
  • 토큰 생성하여 토큰 반환하기
  • 토큰 재발급하기
  • 인가가 필요한 url로 요청시 토큰 검증하기

ETC

디렉토리 분리

Description

  • 디렉토리 분리

To Do

  • AI, FE, BE, AOS 디렉토리 분리

[FE] 공통 컴포넌트 구현

Description

Title, Button, Pagination 등과 같은 공통 컴포넌트를 구현한다.

To Do

  • Title 컴포넌트 구현
  • Button 컴포넌트 구현
  • Tabs 컴포넌트 구현
  • Pagination 컴포넌트 구현
    • 현재 페이지(currentPage)에 맞춰 pagination에 표시되는 숫자 변경하는 함수 구현
    • 현재 페이지인지 아닌지 여부에 따라 배경색이 바뀌는 PaginationItem 컴포넌트 구현

ETC

  • Tabs 컴포넌트 수정 필요

[FE/FEAT] API 요청 구현

Description

image

  • API 변경에 따른 내부 로직 변경은 다음 스프린트에 진행
  • 위 예시 코드와 같이 요청 함수 부분과 이와 관련된 type 구현 수행

To Do

  • Mockoon을 이용해 Mock Server 만들기

  • 행사 생성 페이지

    • 프로그램 정보 생성 및 대상자 선정
    • 사용자 리스트 불러오기
  • 행사 수정 페이지

    • 프로그램 정보 수정 및 참여 대상자 변경
    • 프로그램 참여자 정보 조회
  • 행사 조회 페이지

    • 프로그램 조회
    • 프로그램 삭제
    • 행사 리스트 조회
    • 해당 행사에 참여하는 본인의 상태정보 변경
    • 해당 행사의 본인의 상태정보 조회
    • 행사에 참여하는 사용자 조회
  • 유저 정보 모달

    • 본인의 활동상태 정보 조회
    • 본인의 활동상태 정보 변경

ETC

[FE/FEAT] Edit 페이지 구현

Description

행사 정보와 참여자 정보를 수정할 수 있는 Edit 페이지를 구현한다.

To Do

  • Program Edit Form 구현
  • Member 리스트 구현
    • 토글 컴포넌트 구현
    • 체크박스 컴포넌트 구현
    • 체크박스 클릭 시 리스트 상단으로 올라가고 해제 시 내려가는 로직 구현
  • Program 수정 api 연결
    • 수정 버튼 클릭 시 요청
  • Member attendStatus 수정 api 연결
    • 값 변경 시 요청

ETC

[FE/FEAT] DTO 도입

Description

현재 문제점 : API 변경에 너무 많은 영향을 받는다.

API 변경에 더 쉽게 대응하기 위해 DTO 도입

여기서 DTO란?
서버에서 받은 응답을 한 번 감싸서 내가 원하는 형식으로 바꾸는 것
image

To Do

  • 본인의 활동 상태
  • 본인의 출석 상태
  • 행사 정보
  • 멤버 정보
  • programId

ETC

[BE] 개발 환경 세팅

Description

BE 개발 환경 세팅을 합니다.

To Do

  • local DB 개발 환경 세팅합니다.
  • spotless 적용

ETC

[AOS/FEAT] 딥링크 사용 설정

Description

Android에서 딥링크를 사용하도록 설정합니다.

To Do

  • 딥링크 사용 설정하기
  • 백엔드에 딥링크 전달

[BE/FIX] 프로그램 참석자 정보 response 시 정렬

Description

프로그램 참석자 정보에 대한 응답시 기수, 이름 순으로 정렬을 합니다.

To Do

  • 현재는 memberId를 기준으로 정렬을 하고 있습니다.
  • 이를 기수, 이름 순으로 정렬하빈다.

ETC

[FE/FEAT] UI 변경된 디자인 적용

Description

UI 변경된 디자인을 적용한다.

To Do

  • Table
    image

  • Toggle
    image

  • Header
    image

  • Program Info - Title 배치
    image

  • 출석 리스트 Unit (출석 / 불참)

image
  • 출석 리스트
image image

ETC

[AOS/FEAT] 컴포넌트 구현

Description

리소스 추가 및 컴포넌트 구현

To Do

  • 리소스 추가
    • Color
    • Typography
    • string
    • drawable
  • 컴포넌트 구현
    • Chip
    • List
    • Divider
    • MemberListCard

[FE] Create 페이지 구현

Description

Create 화면 구현 및 서버 API 연결

To Do

  • EventForm 컴포넌트 구현
    • Input 컴포넌트 구현
    • Textarea 컴포넌트 구현
    • react-calendar 라이브러리를 이용한 날짜 입력 구현
    • react day picker 라이브러리를 이용한 날짜 입력 구현
  • 외부 클릭 감지 Hook 구현
  • Event Create 요청 연결

ETC

[FE/REFACT] 코드 리팩토링

Description

Term 1 코드 리팩토링

To Do

  • 동적 Class 이름 classNames 사용
  • tailwind className 자동 정렬
  • import 순서 자동 정렬

ETC

[FE] Home 페이지 구현

Description

서버에서 이벤트 리스트를 받아 화면에 렌더링하는 Home 페이지 구현

To Do

  • Event List를 조회하는 api 로직 구현
    • axios 환경설정
    • request/response 시 data 및 parameter type 지정
  • Event List 렌더링 구현
    • 각 이벤트의 제목과 날짜를 표시하는 Event List Item 컴포넌트 구현
    • EventStatus와 page가 변경될 때마다 서버에 데이터 요청
    • timestamp를 XXXX년 XX월 XX일 (X) 형식으로 바꾸는 함수 구현

ETC

[AOS/FEAT] UI 동작 구현

Description

멤버 활동 상태 변경 버튼의 동작을 구현합니다.

To Do

  • 멤버 활동 상태 변경 버튼 동작 구현

[FE/FEAT] UI Design 완성

Description

피그마 디자인 완성

To Do

  • UI Design 완성
    • 로그인 페이지
    • 로그아웃 버튼
    • 에러 페이지 (MVP에서 가져오기)

ETC

[FE/FEAT] Header UI 개발

Description

image

To Do

  • 유저 상태 모달 구현
    • 회원 정보 (이름)
    • 회원 상태 변경
    • 로그아웃

ETC

[FE] Detail 페이지 구현

Description

Event 정보 및 회원들의 참/불참 여부를 보여주는 Detail 페이지 구현

To Do

  • Event 정보를 보여주는 컴포넌트 구현
  • 회원들의 참/불참 여부를 보여주는 컴포넌트 구현
    • 참석 컴포넌트 구현
    • 불참 컴포넌트 구현
  • 행사 조회 API 연결
  • 행사 참여자 조회 API 연결

ETC

[FE/FIX] API 요청 endpoint / data 수정

Description

API 문서 업데이트에 따른 코드 수정

To Do

  • event → program
  • user → member
  • 모든 id 앞에 progrem or member 붙이기
  • member 관련 endpoint 수정

ETC

  • 효율적인 변경 대응을 위해 DTO 고려해볼 것

[FE/FEAT] Create & Edit 페이지 UI 개발

Description

image

To Do

  • 행사 카테고리 추가
  • 행사 정보 입력 창 수정
    • Markdown View와 Preview를 선택할 수 있도록
  • 수요조사 등록하기 추가
  • 사용자 직급 Tab 추가
  • 사용자 선택 Table 추가

ETC

[BE/FEAT] 시간 설정 오류 해결

Description

WAS, Mysql 시간은 맞지만 DB에 저장되는 시간이 UTC시간대로 나옵니다.
해당 이슈를 해결합니다.

To Do

  • 데이터베이스 시간대 재설정

ETC

[BE/FEAT] 행사에 참여하는 사용자 불러오기 API 구현

Description

행사에 참여하는 사용자를 불러오는 API 를 구현합니다.

  • attendStatus = “attend”
    • 해당 행사에 참여하는 사람들의 정보를 불러온다.
  • attednStatus=”absent”
    • 해당 행사에 불참 사람들의 정보를 불러온다.

ETC

[BE/FEAT] 사용자 리스트 불러오기

Description

사용자 리스트 불러오기를 구현합니다.
우선은 모든 사용자를 불러오면 됩니다.
하지만, 해당 부분은 기획상 많이 변경될 부분이라고 생각하여 해당 부분을 추상화시켜야 합니다.

To Do

  • 사용자 리스트 불러오기

ETC

[BE] program create 구현

Description

program create를 구현합니다.

To Do

  • program을 생성할 때 이전 날짜는 생성하지 못 합니다.
  • title. content는 null이여서는 안 됩니다.

ETC

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.