Demoim(데모임)

💡 Background

데모임은 예비 개발자/디자이너/기획자들이 직접 프로젝트 팀을 모집하고 지원 할 수 있는 팀 빌딩 플랫폼입니다.

타겟유저를 혼자 공부하는 IT관련 취업 준비생들 중 크게 '좋은 프로젝트 아이디어는 있는데 같이 할 사람이 없는 그룹'과 '팀 프로젝트는 하고 싶은데 마땅한 아이디어가 없어서 고민하는 그룹'으로 생각했고, 이 두 그룹이 만날 수 있는 플랫폼이 있다면?! 서로 필요한 부분을 충족시켜줄 수 있다고 생각하여 Demoim프로젝트가 시작되었습니다.

🛠 Development

🤼‍♀️ Members : 7인 ( React 3 & Spring 3 & Designer 1)

⌚ Period : 5주

👋🏻https://github.com/g0garden/demoim_fe

• React-redux를 통해 상태 업데이트에 관한 로직을 모듈로 따로 분리하여 관리하였습니다.
• 미들웨어를 활용하여 비동기적으로 데이터 요청하도록 관리하였습니다.
• JWT토큰을 이용하여 로그인을 구현하였습니다.
• 리액트 Hook을 활용하여 로직의 재사용성을 높였고, 코드의 가독성을 높였습니다.
• 공통적으로 사용할 수 있는 컴포넌트와 컨테이너를 적절하게 구분하여 재사용성을 높였습니다.

🎉Trouble Shooting

베타기간 및 배포 후 받은 실제 사용자의 피드백을 정리하여 팀원들과 함께 개선해 나갔습니다.

🕹 Tech Stack

- View (React with JavaScript, React-Router, Styled-components)
- State Management (Redux, Redux-Thunk, Immer, Redux-actions)
- Build Tool (Create React App)
- Code Quality Tool (ESLint, Prettier)
- Infrastructure (AWS S3, Route 53)
- Design Tool (Sketch, Figma, Zeplin)
- Other Tools (Git, Github, notion, Slack etc.)**

🚀반응형 UI 구현

• 디바이스 기기별 반응형 UI
  

iPhone 6/7/8

iPhone 6/7/8Plus

iPad

🛫 Result

최종 성과로는 총 40건의 회원가입과 실제 사용자들간, 25건의 프로젝트 지원이 있었고, 실제 사용자의 피드백을 받아 개선까지 완료하고 있습니다. 개인적으로는 스타트업의 프로젝트 합류 제안을 받았습니다.

개인적으로 가장 큰 성과는 팀원들과 함께 프로젝트를 기획, 개발, 배포 및 운영까지 할 수 있었던 경험을 할 수 있었다는 점이라고 생각합니다. 현재 이 프로젝트는 조금씩 신규 유저가 유입되고 기존 유저들의 활동이 이루어지고 있기 때문에 팀원들과 지속적으로 유지 보수 작업까지 진행 할 예정입니다.