Skip to content

버스커와 버스킹을 즐기는 사람들을 위한 정보제공 서비스

Notifications You must be signed in to change notification settings

code-bootcamp/BUSKER_client

Repository files navigation

======

코드캠프 9기 프론트엔드 2 명, 백엔드 4 명이 함꼐 진행한 팀 프로젝트이자 길거리 버스킹 위치 정보 제공 플랫폼 입니다.

목차

  1. 기획 의도
  2. 팀원 소개
  3. 기술 스택
  4. 와이어 프레임
  5. 시연 영상
  6. 설치 및 실행 방법

💁 기획 의도

여러분은 버스킹을 보신 적이 있나요? 늦은 시각 길거리에서 한 번쯤은 보셨을 거라 생각됩니다.

늦은 시간 몸은 지쳐있지만, 야외에서 버스킹을 보기 위해 모여있는 사람들 속에서 노래를 듣다 보면 나도 모르게 감상에 젖게 되죠.

우리는 늘 예기치 않게 버스킹을 마주하게 됩니다. 버스킹이 주변에서 흔히 볼 수 없는 것도 있고, 버스킹하는 위치는 아티스트가 임의로 정하니까요. 그래서 다시 보지 못할 거라 생각하며 추억으로 남겨두게 되죠.

하지만 추억을 다시 눈 앞에서 볼 수 있다면 더 좋지 않을까요?

그러한 마음에서 저희는 버스킹을 여는 아티스트들과 버스킹을 다시 보고 싶어하는 관객들을 이어주기 위한 연결고리를 만들어봤습니다.


👨‍👨‍👦‍👦 팀원 소개

Front-End

image

Back-End

image


🔨 기술 스택

Stack

My Skills

Deploy

My Skills

Communication

My Skills


⚙️ 와이어 프레임

BUSKER스크린샷 2023-01-16 오전 11 54 57


🎬 시연 영상

메인

image (1) image (2)

로그인 & 회원가입

image (3) image (4) image (5)

아티스트

image (6) image (7) image (8) image (12)

버스킹

image (10) image (9)

마이페이지

image (13)


📄 설치 및 실행 방법

Pre-requirement

// Node v16 or later
// npm install -g yarn
  1. Cloning Source from Repository (https://github.com/aggie97/BUSKER_client.git)
$ git clone https://github.com/aggie97/BUSKER_client.git -b master
  1. Initialize Workspace & Installing required packages
$ yarn install
  1. Starting Server (ssr enabled)
$ yarn dev
  1. (In case you want to build static resource and run) Build and Start Server
$ yarn build
$ yarn start

Releases

No releases published

Packages

No packages published

Languages