Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/scanf-s/inbanglist
First collaborate project
https://github.com/scanf-s/inbanglist
django django-rest-framework github-actions playwright postgresql python react redis selenium tailwindcss zustand
Last synced: about 1 month ago
JSON representation
First collaborate project
- Host: GitHub
- URL: https://github.com/scanf-s/inbanglist
- Owner: Scanf-s
- Created: 2024-06-06T15:03:23.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T18:16:22.000Z (6 months ago)
- Last Synced: 2024-08-14T13:26:48.718Z (5 months ago)
- Topics: django, django-rest-framework, github-actions, playwright, postgresql, python, react, redis, selenium, tailwindcss, zustand
- Language: JavaScript
- Homepage:
- Size: 1.98 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# 라이브 스트리밍 리스트 프로젝트 Version 1
## 프로젝트 소개
`라이브 스트리밍 리스트` 프로젝트는 다양한 실시간 방송 플랫폼에서 실시간 스트리밍 데이터를 수집하고 이를 사용자에게 제공하는 웹 애플리케이션입니다.
현재 구현된 내용은 실시간 방송 플랫폼으로부터 데이터를 수집하여, 시청자 순으로 데이터를 제공하는 기능만 구현되어 있습니다.
추후 태그, 관심도에 따른 실시간 방송 리스트를 보여주는 기능을 추가할 예정입니다.
## 구현 기능
## Version 1
### 플랫폼 별 시청자 순 정렬
### 간단한 로그인 기능 구현
### API 호출 페이지네이션 기능
https://github.com/Scanf-s/live_streaming_lists/assets/105439069/307ca6ff-fffe-4c3a-8ae6-3500f518c711
## 팀원 구성
| **양의종** | **조규재** | **이희주** | **황두나** |
| :------: | :------: | :------: | :------: |
| [
@Scanf-s](https://github.com/Scanf-s) | [
@im-niber](https://github.com/im-niber) | [
@h22jul22](https://github.com/h22jul22) | [
@Skyler85](https://github.com/Skyler85) |
### 역할 분담
- **양의종 : Backend**
- **AWS 인프라 구성**: 전반적인 프로젝트 클라우드 환경 설정
- **Docker 환경 구성**: Dockerfile 작성 및 Docker Compose 설정.
- **Data scraping 소스코드 개발**: 다양한 플랫폼에서 데이터를 스크래핑하는 코드 작성.
- **Django Backend API 설계 및 구현**: RESTful API 엔드포인트 설계 및 구현.
- **조규재 : Backend**
- **AWS 인프라 구성**: EC2, VPC peering 설정 및 관리.
- **Docker 환경 구성**: Docker 이미지 최적화 및 컨테이너 관리.
- **Data scraping 소스코드 개발 및 개선**: 스크래핑 코드 작성 및 성능 최적화.
- **Crontab을 사용한 주기적인 데이터 스크래핑**: cron 작업 설정 및 자동화.
- **AWS RDS에 스크래핑 데이터 전달**: 스크래핑한 데이터를 AWS RDS에 저장.
- **이희주 : Frontend**
- **MSW(Mock Service Worker)를 이용한 Mocking API 개발하기** : API 요청 기능을 테스트하고 화면을 구성
- **로그인/ 회원가입 페이지 생성 및 UI 디자인** : 로그인 및 회원가입 페이지를 생성하고 페이지 UI를 디자인
- **실제 API 요청 코드로 수정 및 무한 스크롤 기능 구현** : 기존 MSW 코드를 일부 수정하고 페이지네이션 기능 구현에 따른 무한스크롤 로직을 일부 수정
- **페이지 UI 개선 및 다크 모드 적용** : 실제 데이터를 받아봄에 따른 UI 개선 및 다크모드를 적용
- **GitHub Actions를 통한 S3에 파일 자동 업로드 설정** : GitHub Actions를 사용하여 프론트엔드 빌드 파일을 AWS S3에 자동 배포하는 CI/CD 설정
- **스켈레톤 로딩 적용** : 데이터 비동기 처리에 따른 스켈레톤 로딩 애니메이션 적용
- **황두나 : Frontend**
- **페이지 라우터 설정**: React Router를 사용하여 페이지 간 내비게이션 설정.
- **데이터 화면 배치**: 가공된 데이터를 화면에 배치하고 UI 컴포넌트 작성.
## 개발 환경
Docker
- Django API
- WSL2 Ubuntu
- Docker python:3.12-alpine3.20
- Pycharm
- Data scraper
- MacOS
- Docker python:3.12-slim
- VScode
- Frontend
- MacOS
- VScode
## 사용 기술
### Frontend
### Backend
#### API Server
#### Data Scraper
### Database
### CI/CD
### Cloud
## 브랜치 전략
## 어플리케이션 아키텍쳐
### Version 1
## ERD
### Version 1
