[Solution Challenge 2021] 5. DSC KR Hackathon

2021 DSC KR Hackathon에 참여하여 2021.02.01부터 2021.02.06일까지 6일 간 개발을 했다.

프로젝트 소개

프로젝트 이름: ❄눈송이 유형 테스트❄

프로젝트 소개: 숙명여대의 마스코트인 눈송이를 통해 내가 어떤 유형의 대학생인지 분석해보는 프로젝트

프로젝트 형태: 사이드 프로젝트

기술 스택:

• Front-end: React
• Back-end: Django, GCP, mySQL

 

 

 

 

 

 

github 링크

 

타임라인

2021.02.01

frontend

• create-react-app
• component 구조 설계
• Select 버튼, ProgressBar 구현
• 필요한 이미지 다운로드

backend

• 기본 백엔드 세팅 (장고설치, requirements등 )

2021.02.02

첫 오프라인 만남! 🤩 + 밤샘...

frontend

• 말풍선(SpeechBubble) 구현
• 메인 화면(Main) 구현
• 사이드바 구현

backend

• Feedback앱 (기능) 구현
• Feedback에서 로컬 디비에서 Mysql로 변경 후 Mysql을 GCP랑 연결 (백앤드에서 클라우드 디비로 연결 성공)
• Feedback API 테스트

2021.02.03

frontend

• 라우터 설정
• 테스트 화면(ChatTemplate) 구현
• ChatModal, AboutModal, ResultModal 구현

backend

• 각자 집에서 클라우드 네트워크 설정 완성
• 장고로 Poll Question, Answer 구현
• Poll Question, Answer 테이블 join, Poll API 테스트

2021.02.04

frontend

• 질문-선택버튼-답 순서로 렌더링 구현
• 메인 화면 타이핑 효과 추가
• 메인 화면 완성 💎

backend

• Response, User, Result 와 기존 테이블 DB 모델링 (테이블이랑 참조에 시간 ↑)
• Poll 테이블에 필요한 정보 저장 (질문, 답변)

2021.02.05

frontend

• 질문 생성 대기 Typing Dot 추가
• 방명록 추가
• About 화면 구현
• 프로필 컴포넌트 구현
• api 연결
• GuestBookModal 구현

backend

• 백엔드 프론트 연결

2021.02.06

frontend

• 방명록 화면(GuestBook)에 feedback api 연결
• 테스트 화면(ChatTemplate)과 백엔드 통신
• 결과창에 쓰일 이미지 생성

공통

• README.md 생성
• 시연 영상 제작
• 제출!

2021.02.07

DSC KR Hackathon Demo Day

TOP 10에 선정되지는 못했지만 사진 공모전 이벤트에 당첨됐다 (???)

 

앞으로 해야할 일

1. 미완성 부분 완성

2. 반응형 웹 디자인

3. 배포

숙명여자대학교 학우들이 직접 테스트를 해볼 수 있게끔 배포까지 하는 것이 목표!!!

 

후기

팀원들이 다들 열심히 참여해서 정말 좋았다. 이런 팀원들을 만날 수 있는 DSC Sookmyung 최고!!! 남은 작업도 잘 진행되어서 숙대생들의 핫한 테스트가 되었으면 한다😎