Code Monkey home page Code Monkey logo

deskdiary-be's Introduction

image

책상에서 취미활동 및 학습의 목적을 가진 사용자들이 방에 모여 동기 부여 및 대화를 나누는 아늑한 공간

📆 프로젝트 기간

2023.10.03 ~ 2023.11.15

😎 Members

박서현 김성호 남현재 손현원 서민정 이다현
Frontend Frontend Backend Backend Backend Designer

프로젝트 기능 소개

😺 카카오 로그인 / 구글 로그인 / 이메일 로그인

  • 카카오와 구글을 통한 소셜로그인으로 간단하게 가입할 수 있어요. 이메일 회원가입에서는 유효한 이메일만 가입할 수 있도록 중복확인과 더불어 이메일 인증 링크 방식을 도입했어요.

🦝 마이페이지

  • 마이페이지에서는 프로필사진, 닉네임을 조회 및 수정이 가능하고 로그인한 이메일 주소를 확인할 수 있고 비밀번호 수정도 가능해요.
  • 로그아웃과 회원탈퇴도 마이페이지에서 할 수 있습니다.

🐸 홈

  • 홈 화면에서는 방 리스트를 인기순과 최신순으로 Top 10으로 확인할 수 있어요.
  • 로그인을 했을 때는 목표시간과 누적시간을 그래프로 추가 확인할 수 있어요.

👀 스터디룸 / 취미룸

  • 스터디룸과 취미룸에서는 사용자 랭킹을 조회(Top 5) 할 수 있고 카테고리별 방을 인기순과 최신순으로 조회할 수 있어요.
  • 조회는 무한스크롤 기능이 탑제되어있어요.

🐣 책상기록

  • 책상기록 페이지에서는 1일 누적시간과 7일, 30일 누적시간과 목표시간을 그래프로 확인할 수 있어요.
  • 최근에 들어간 방 목록과 내가 만든 방 목록도 확인이 가능해요.

🐢 방

  • 사용자의 카메라와 소리를 보고 들을 수 있어요.
  • 오디오 플레이어를 통해 ASMR를 들을 수 있어요.
  • 실시간으로 사용자들과 채팅도 가능해요.
  • 타이머를 통해 카테고리별 시간을 누적할 수 있어요.

서비스 아키텍처

KakaoTalk_Photo_2023-11-09-21-51-17

🛠 Tools

Design

Frontend




Backend


Frontend & Backend

Dev tools

deskdiary-be's People

Contributors

nhjeans avatar mingjoyjoi avatar mtmlabs avatar

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.