Giter Site home page Giter Site logo

gosrock / dudoong-front Goto Github PK

View Code? Open in Web Editor NEW
41.0 4.0 2.0 7.48 MB

모두를 위한 새로운 공연 라이프, 두둥!

Home Page: https://dudoong.com

HTML 16.65% TypeScript 82.73% JavaScript 0.33% Shell 0.01% CSS 0.27%
nextjs typescript yarn-workspaces

dudoong-front's Introduction

Frame 4



두둥

모두를 위한 새로운 공연 라이프, 두둥! • 프론트엔드 레포지토리



두둥은 홍익대학교 컴퓨터 공학과 소속 밴드부 고스락 에서 만든 서비스에요!


1. 서비스 소개

readme



2. 사용 스택



3. Dudoong.com



4. 프로젝트 구조

yarn workspaces를 이용한 모노레포 구조입니다.

├── .github #액션 워크플로우 세팅
├── apps
│   ├── admin #어드민 서비스 (Vite)
│   └── ticket #프론트 서비스 (Next)
│
├── shared
│   ├── ui #공용 theme, ui 컴포넌트
│   └── utils #공용 유틸 함수
└── #...configs

시작하기

  1. 의존성을 설치합니다.
yarn install

  1. apps 디렉토리 내부에 있는 서비스별로 env 환경변수를 설정해야 합니다. 외부 api 관련 키들을 환경변수로 관리하고 있습니다.

  1. 다음과 같이 각 서비스들을 개발환경에서 실행할 수 있습니다.
yarn ticket
yarn admin



5. 개발 과정

지속적으로 작성중에 있습니다.



6. 참여자

Lead•FE•UI/UX Front-end Front-end Front-end Front-end
한규진 정상훈 강나연 이한비 김유진

9yujin
wjdtkdgns
kongnayeon
AlmondBreez3
eugene028

dudoong-front's People

Contributors

9yujin avatar almondbreez3 avatar eugene028 avatar imnm avatar kongnayeon avatar wjdtkdgns avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

eugene028 kimhyerin0909

dudoong-front's Issues

🚀 [feature] 카카오로그인

🤖 기능 개요

✅ Implement TODO

  • 로그인 회원가입 관련 UI 컴포넌트
  • 리다이렉트 확인
  • 버튼에 로딩중 state 추가, 로딩끝나면 바텀시트 닫기 로직
  • 로그인 완료되면 홈으로 리다이렉트

📚 Remarks

🚀 [feature] 어드민 초기 셋팅

🤖 기능 개요

어드민 보일러 셋팅합니다.

✅ Implement TODO

  • 파일 구조 셋팅
  • 라우팅, url 셋팅
  • 레이아웃 셋팅
  • 인증 셋팅
  • 모달 셋팅

📚 Remarks

모달은 안쓰면 뺄 예정

🐛[BUG] Nextjs 관련 오류

🐞 버그/에러 개요

  • nextjs svgr
  • shared컴포넌트에서 기본 에셋들 라이브러리로 바꾸기
  • datepicker locale export 관련

📚 Remarks

🐛[BUG] menubar css 오류, maximum update 문제

🐞 버그/에러 개요

menubar css 오류, maximum update 문제 발생

📝 상황 설명

📄 에러 대상

🕵🏻‍♀️ 에러 상황

test

✅ Resolve TODO

  • maximum update 문제 해결
  • indicator 위치 문제 해결

📚 Remarks

🚀 [feature] 간편결제, 결제 로직 추가작업

🤖 기능 개요

✅ Implement TODO

  • 토스페이먼츠 간편결제 추가 대응
  • 리다이렉트 url 실패 페이지 로직
  • 리다이렉트 url 도메인 환경에따라 대응
  • 그 외 자잘한 마크업

📚 Remarks

🚀 [feature] 티켓 정책 변경 대응 (두둥티켓)

🤖 기능 개요

✅ Implement TODO

  • 결제로직 - 두둥티켓 관련 DTO 수정
  • 장바구니 생성 리스폰스에 티켓타입이 선착순|승인 에서, 두둥티켓 타입 추가
  • 결제하기 버튼 눌렀을때 두둥티켓일때는 토스로 안보내고, 계좌번호 입금 관련 확인 모달 뜨고 예매확인 페이지로. 결제정보에도 토스결제위젯 대신 계좌번호 관련.

📚 Remarks

🚀 [feature]admin event info 페이지 구현

🤖 기능 개요

기본정보/ 지도 부분으로 나눠짐
기본정보에서는 기존 정보를 기본값 처리

✅ Implement TODO

  • 기본정보 부분
  • 지도 구현
  • css
  • 코드 정리
  • 모달 기본 value값 수정
  • 모달 pagination

📚 Remarks

undefined부분들 확인해야할듯(type지정)
date/timepicker type지정이 안된것들 눈치껏 해놨는데 코드 짜면서 더 바꿔야할듯?

🚀 [feature]AddHost Page

🤖 기능 개요

피그마에 나온대로 host생성할때 필요한 페이지

✅ Implement TODO

  • router 연결(지금은 버튼 클릭하면 post만 하게 해놨음)
  • css부분(AdminNoMenuLayout부분 질문할 것있음)

📚 Remarks

Host indexPage보면 내가 이런식으로 하고 나머지 코드를 안감쌌는데 감싸면 빨간줄 표시 떠서...근데 이렇게 하다 보니까 맨 위에 spacing이 자동으로 64px이나 되어버립니당... 내가 이 레이아웃을 제대로 활용을 못한건지 확인좀 부탁드립니다 여러분..왜 빨간줄이 뜰까요?..

그리고 List Header description부분 개행처리 해야되는데 따로 방법이 있나요 ^^... '.'기준으로 개행처리해야되던뎁...
div로 감싸줘서 width값을 따로 주면 두줄로 만들 수는 있는데 다른 방법있으면 알려주십쇼!! 일단 아무처리 안해놓았습니당

🚀 [feature] Header navBar구현하기

🤖 기능 개요

navBar, 전페이지 이동, label없는것과 label있는것으로 구분됨

✅ Implement TODO

  • label ,label없는 것 구현하기
  • onClick연결 시키기
  • label padding값 정하기

📚 Remarks

#41

🚀 [feature] Input 공통 컴포넌트 개발

🤖 기능 개요

input 컴포넌트를 커스텀합니다

✅ Implement TODO

  • input 컴포넌트 커스텀
  • type="date"인 경우 react-datepicker 적용
  • type="time"인 경우 react-time-picker 적용

📚 Remarks

🚀 [feature] SSR 관련 세팅

🤖 기능 개요

✅ Implement TODO

  • 개발환경 쿠키 세팅
  • 서버사이드에서 axios 인스턴스 헤더 세팅
  • 로그인 리다이렉트

📚 Remarks

🚀 [feature] ticket 결제하기 로직 수정

🤖 기능 개요

✅ Implement TODO

  • 주문 이름이 중복될수있어서 뒤에 인덱스 붙여서 토스로 보낼듯
  • PC화면에서 ui가 이상해지는데.. 고민좀 해봐야겠음
  • success, fail 뷰 마크업, 기능까지 완

📚 Remarks

🔨[refactor] admin 디자인 수정 반영

🔨 리팩토링이 필요한 부분

컴포넌트

  • menuitem
  • 헤더
  • profile

레이아웃

  • breadcrumb
  • layout

리팩토링 작업 브런치

refac/admin-layout

✅ refactoring TODO

  • 컴포넌트 수정
  • layout 수정
  • grid 셋팅
  • routing 수정
  • 타이포 수정
  • 컬러 팔레트 수정
  • 화면 하단 버튼 컴포넌트, custom hook 생성

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.