Code Monkey home page Code Monkey logo

bookathon_d's Introduction

프로젝트: 자라나라 당근당근🥕

팀원소개

KakaoTalk_Image_2021-09-23-11-40-41

ID Name Position
J050 김재현 Front
J202 차재명 Front
J145 이신필 Backend
J222 황우진 Backend

기획의도 및 목표

  • 프로젝트를 보고 '피식' 할 수 있는 재미있는 결과물을 내는 것을 목표로 생각했습니다.
  • 25번 주제인 작업시간 알리미를 선택했고, 부스트캠프에 돌고있는 당근 열풍에 올라타기 위해 당근 컨셉을 추가하기로 했습니다.
  • 집중력 관리, 스트레칭휴식 시간 관리를 위해 타이머를 사용하고, 타이머에 기록된 시간을 누적해서 당근 티어시스템을 통해 승급하게 됩니다.
  • 누적 작업시간이 늘어남에 따라 당근이 성장하게 되고 성취감을 느낄 수 있습니다. 자라나라 당근당근🥕

사용 스택

Front

  • React 17.0.2
  • Webpack 5.6.0

Backend

  • Node js v14.15.3
  • Express js 4.16.1
  • Mongo db 4.4.9

기능

  • 회원가입 및 로그인 기능
  • 메인 타이머 기능
  • 선택한 작업별 타이머 기능
  • 사용자별 누적 작업시간 기능
  • 사용자별 작업시간 통계 기능
  • 당근 티어시스템 구성
  • 일별 당근 농사 일지 -> (github 잔디)

프로토타입

Figma 를 사용해서 작업

부커톤에서 얻어가고 싶은 것

J050 김재현 Front

  • 팀원과의 협업을 통해 무언가를 만들어내는 즐거움을 얻고 싶습니다.

J202 차재명 Front

  • 재미와 구현 두마리 토끼를 다 잡고 싶습니다~

J145 이신필 Backend

  • 완성도 보다는 즐겁고 재미있는 결과물을 만들어 내고 싶습니다.

J222 황우진 Backend

  • 협업을 통해 직접 동작하는 무언가를 만들고 싶습니다.

변경점

  • 기획 했던 기능에서 구현 가능 시간을 생각해서 일부 기능 삭제 및 축소
  • 당근의 성장과정을 나타내는 일러스트를 구해서 티어시스템에 적용하려했지만 실패...(직접그리기도 실패) -> Level 단위로 성장하게 변경
  • 일부 이스터에그 추가

bookathon_d's People

Contributors

jaehyeon48 avatar coreight98 avatar lee-3-8 avatar hwangwoojin avatar

Stargazers

김서진 avatar  avatar  avatar crong avatar

Watchers

crong avatar Hoyoung Jung avatar

bookathon_d's Issues

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.