coffee-meet / frontend Goto Github PK
View Code? Open in Web Editor NEW☕️ 커피밋 - 회사 기반 커피챗 랜덤 매칭 서비스
Home Page: https://coffee-meet.com/
☕️ 커피밋 - 회사 기반 커피챗 랜덤 매칭 서비스
Home Page: https://coffee-meet.com/
회원가입페이지와 매칭대기,성공화면에 쓰일 AlertText 공통 컴포넌트 제작.
style/AlertText
배경화면으로 사용될 GradationBackground 컴포넌트를 제작합니다.
style/Card-component에서 병행 작업중
CountNumber, AlertText 공통 컴포넌트 수정
style/CommonComponentsRE
매칭 이후에 이동할 채팅 페이지에서 실시간 채팅 기능을 구현합니다.
feature/chatting
이메일 인증코드를 받는 인풋속의 타이머 공통 컴포넌트 입니다.
style/InputTimer
채팅방 목록 페이지(이전 대화방 페이지)를 생성합니다.
feature/ChatListPage
컴포넌트 간의 공간을 나눌 수 있도록 만들어 주는 컴포넌트를 제작합니다.
style/spacing
모든 페이지의 Header 부분에서 사용될 수 있는 컴포넌트입니다.
style/PageHeader-component
refactor/build-test-ci-cd
회사명함 이미지 업로드 공통 컴포넌트 제작
style/businessCardContainer
SelectorButton 공통 컴포넌트 수정
style/SelectorButtonRe
Input의 종류를 3가지로 나누었습니다 (일반 Input, NicknameInput, VerificationInput)
이 중 Input 구현 진행
style/Input
속지가 존재하는 디자인 특성상, 속지의 역할을 하는 PageContainer 컴포넌트가 필요합니다.
style/Card-component 브랜치에서 병행 작업중
채팅창에 입력하였을 때 나타나는 말풍선 컴포넌트를 제작합니다.
style/chattingBubble
관리자 페이지, 마이페이지에서 사용되는 공통 컴포넌트인 ListRow 컴포넌트를 제작합니다.
style/ListRow-component
토글 컨테이너, 닉네임 인풋의 숫자를 나타내는 공통 컴포넌트 입니다.
style/CountNumber
Button 공통 컴포넌트 개발에 필요한 TS 타입을 추가하려고 합니다.
feature/aws-s3-cloudfront-ci-cd
공통 컴포넌트 개발 전 디자인 시스템을 세팅합니다.
style/settingDesign
feature/Homepage
feature/NotFoundPage
fix/rest-api-test
CustomSelectorButton 공통 컴포넌트
style/CustomSelectorButton
원하는 페이지로 빠르게 이동할 수 있게 해주는 네비게이션 컴포넌트를 제작합니다.
style/navigationBar
Signup1 페이지 레이아웃
style/Signup1Page
Input 공통 컴포넌트
refactor/Input
DarkSelectorButton 공통 컴포넌트
style/DarkSelectorButton
Login 페이지 레이아웃 작업
style/LoginPage
관리자 페이지 - 승인 대기 목록
관리자 페이지 - 사용자 신고 내역
-> 페이지 레이아웃 작업
style/AdiminWatingList
매칭이 완료되었을 때 푸시 알림을 보내줄 수 있는 FCM(Firebase Cloud Messaging) 알림 적용 및 채팅방 이동 로직을 구현합니다.
feature/fcm-matching-home
화면이 렌더링 되기 전 보여줄 로딩 컴포넌트를 제작합니다.
style/loading
정렬에 필요한 Flexbox 컴포넌트를 제작합니다.
style/flexbox
홈페이지에서 매칭 참가, 채팅방에서 상대방 프로필을 클릭했을 때 하단에서 올라오는 모달을 제작합니다.
style/BottomSheet-component
상단에 고정되어 있는 마이프로필, 다크모드 토글 버튼을 담고 있는 Appbar 컴포넌트를 제작합니다.
style/Card-component 브랜치에서 병행 작업중
로그인 후 유저 정보와 회사 정보를 등록하는 페이지를 구현합니다.
feature/register
홈화면에서 매칭 시 필요한 버튼과 타이머를 담고 있는 컴포넌트입니다.
style/Card-component
모바일 화면에 맞게 레이아웃을 세팅합니다.
style/layout
WhiteSelectorButton 공통 컴포넌트 작업
style/WhiteSelectorButton
style/Toast-component
사용자에게 한 번 더 확인을 받는 모달 컴포넌트를 제작합니다.
style/modal
로그인 페이지에서 카카오, 네이버로 로그인하기 버튼을 클릭하면 OAuth
화면을 보여주고 이후 회원가입 페이지로 이동합니다.
feature/LoginPage-OAuth
타이머, 확인버튼이 들어간 Input 입니다. (회사이메일 인증코드를 받는 인풋)
style/VerificationInput
랜딩페이지(추후에 생긴다면), 로그인, NotFound에 쓰일 HeroImage 공통컴포넌트 제작.
style/HeroImage
추가사항:
CustomSelectorButton 공통 컴포넌트
style/CustomSelectorButton
SelectorButtonContainer 공통 컴포넌트
style/SelectorButtonContainer
추가사항: 여러 공통 컴포넌트를 묶고, 기능을 고려하는 관계로 시간이 비교적 많이 소요
feature/ProfilePage
NicknameInput 공통 컴포넌트
style/NicknameInput
API Test
배포주소에서 서버와의 통신이 가능한지를 테스트하기 위해,
잠겨있지 않은 profile/edit 페이지에서 '길동이'라는 이름으로 nickname 중복체크를 합니다
test/APITest
SelectorButton(Dark,White 통합) 공통 컴포넌트
style/IntegratedSelectorButton
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.