Skip to content

dbstj0403/client

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WHAPLY 와플리

image

2023th Sinchonthon

신촌톤 와플리팀

배포 주소

웹페이지 주소 어쩌구 저쩌구

팀 소개

| 김지형
(기획/디자인) 이화여대

| 박소연
(개발/프론트엔드)

| 변지혜
(개발/프론트엔드)

| 원윤서
(개발/프론트엔드)

| 성우제
(개발/백엔드)

| 이지웅
(개발/백엔드)

| 임정연
(개발/백엔드)

프로젝트 소개

와플리는 친구와 자연스럽게 친해지기 어려워하는 대학생들을 위해 만든 소셜네트워킹 서비스입니다. 별로 친하지 않은 동기와 대화주제가 끊겨 곤란했던 기억이 있지 않으신가요? 동기가 좋아하는 취향을 몰라 무슨 말을 해야할 지 감이 안잡혔던 경험이 있으시지 않으신가요? 친구의 플레이리스트를 통해 취향을 공유해봐요~ 공감대 형성이 훨씬 쉬워질거에요.


와플리, 듣는 음악이 아닌 공유하는 음악 와플리와 함께 플레이리스트를 공유해봐요. 다른 사람의 취향을 엿보는 건 물론, 내 취향을 남들에게 공유하는 것도 좋은 경험이 될거에요.


와플리와 취향이 맞는 친구를 찾아 소통해봐요. 나와 비슷한 취향의 대학 친구와 대화를 이어나가고 싶지 않나요? 댓글을 통해 같은 취향의 친구와 대화해봐요.


와플리, 비밀번호 설정 없이 대학 이메일만으로 이용할 수 있어요

  1. 자신의 대학 이메일로 본인인증을 완료해주세요.
  2. 인증 후 대학 이메일만으로도 서비스를 이용할 수 있어요.
  3. 끝!!.

시작 가이드

필수사항

해당 어플리케이션을 동작하기 위해선 다음 버전 이상이 필요해요.

Installation

$ git clone [email protected]:wooseok123/sinchonthon_readme.git
$ cd 프로젝트명

(모노레포인 경우)

Backend

$ cd server
$ mkdir .venv
$ pipenv install
$ source .venv/Scripts/activate
$ python3 manage.py migrate --run-syncdb
$ python3 manage.py makemigrations
$ python3 manage.py migrate
$ python3 manage.py runserver

Frontend

$ cd front
$ npm install 
$ npm run dev

Stacks 🐈

Environment

Visual Studio Code Git Github

Config

npm

Development

JavaScript React Django

Communication

Notion


화면 구성 📺

메인 페이지 서비스 페이지 1
서비스 페이지 2 서비스 페이지 3

주요 기능 📦

⭐️ 내 플레이리스트 올리기

  • 내 취향대로 플레이리스트 구성하고, 제목짓고, 대표사진 설정하기
  • 내 플리에 글 남긴 유저들과 소통하기

⭐️ 다른 사람의 플레이리스트 피드 보기

  • 내가 팔로우한 사람만 걸러서 볼 수 있어요
  • 장르 해시태그별로 플레이리스트를 필터링할 수 있어요
  • 나와 취향이 맞는 유저에게 댓글로 말을 걸어봐요

아키텍쳐

디렉토리 구조

├── README.md
├── package-lock.json
├── package.json
├── server : 백엔드
│   ├── README.md
│   ├── requirements.txt
│   ├── manage.py
│   ├── api1 : api1에 대한 정보
│   │   ├── urls.py
│   │   ├── views.py
│   │   ├── etc..
│   ├── api2 : api2에 대한 정보
│   │   ├── urls.py
│   │   ├── views.py
│   │   ├── etc..
│   ├── api3 : api3에 대한 정보
│   │   ├── urls.py
│   │   ├── views.py
│   │   ├── etc..
│   ├── extensions
│   │   └── users-permissions : 권한 정보
└── front : 프론트엔드
    ├── README.md
    ├── public
    │   ├── favicon.ico
    │   └── logo_about.png
    ├── components
    │   ├── a.js : 필요시 설명~
    │   ├── b.js
    │   ├── c.js
    │   ├── d.js
    │   ├── e.js
    │   ├── f.js
    │   ├── g.js
    │   ├── h.js
    │   └── i.js
    ├── package-lock.json
    ├── package.json
    ├── pages
    │   ├── page1.js
    │   ├── page2.js
    │   ├── page3.js
    │   ├── page4.js
    │   ├── newcourse
    ├── app.js
    ├── index.js
    ├── router.js
    └── styles
        └── GlobalStyle.js

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.9%
  • HTML 2.7%
  • CSS 1.4%