Spotify Clone

Spotify 클론

이 프로젝트는 Node.js, Express, Sqlite 및 Vanilla JavaScript를 사용하여 구축 된 간단한 Spotify 클론입니다. 사용자가 등록, 로그인 및 노래를 재생할 수 있습니다. 사용자는 노래를 좋아하고 싫어할 수 있으며 좋아하는 노래는 사이드 바에 표시됩니다.

특징

• 사용자 등록 및 로그인
• 목록에서 노래를 재생하십시오
• 노래를 좋아하고 싫어합니다
• 디스플레이는 사이드 바에 노래가 좋아졌습니다
• 로그 아웃 기능

전제 조건

• 컴퓨터에 Node.js 및 NPM이 설치되었습니다

설치

1. 저장소 복제 :

   git clone https://github.com/RaresRacsan/Spotify-Clone.git
   cd spotify-clone

2. 종속성 설치 :

   npm install

3. sqlite 데이터베이스 생성 :

    type NUL > db.sqlite

4. 다음 디렉토리 구조가 있는지 확인하십시오.

    project-root/
   ├── index.js
   ├── package.json
   ├── db.sqlite
   ├── public/
   │   ├── js/
   │   │   └── main.js
   │   ├── songs/
   │   │   ├── funtime-juicewrld.mp3
   │   │   ├── googleme-cochise.mp3
   │   │   ├── mo-travisscott.mp3
   │   │   ├── timeless-playboicarti.mp3
   │   │   └── tobey-eminem.mp3
   │   └── styles/
   │       ├── main.css
   │       ├── login.css
   │       └── register.css
   └── views/
       ├── login.html
       ├── register.html
       └── main.html
   

응용 프로그램 실행

1. 서버 시작 :

   npm start

2. 웹 브라우저를 열고 다음으로 탐색하십시오.

    http://localhost:3000
   

프로젝트 구조

• index.js : Express 서버 및 경로를 설정하는 기본 서버 파일.
• package.json : 프로젝트 종속성 및 스크립트를 포함합니다.
• db.sqlite : sqlite 데이터베이스 파일.
• public/js/main.js : 노래 재생을 처리하고 기능을 싫어하는 기능을 처리하기위한 클라이언트 측 JavaScript가 포함되어 있습니다.
• public/songs/ : MP3 파일을 포함하는 디렉토리.
• public/styles/ : CSS 파일을 포함하는 디렉토리.
• views/ : HTML 파일을 포함하는 디렉토리.

기고자

이 프로젝트에 대한 기여를 환영합니다. 기여하고 싶다면 다음 단계를 따르십시오.

1. 저장소를 포크하십시오.
2. 기능 또는 버그 문제에 대한 새 지점을 만듭니다.
3. 변경하고 명확하고 간결한 메시지로 그들을 커밋하십시오.
4. 변경 사항을 포크 리포지토리로 밀어 넣으십시오.
5. 기본 저장소에 풀 요청을 만듭니다.