completador de musica
1.0.0
프로젝트가 작동하는 것을 보려면 여기를 클릭하십시오
이 프로젝트는 Frameworks Next.js 및 Tailwind로 개발 된 웹 응용 프로그램으로 음악을 통해 외국어 연구를 돕는 것을 목표로합니다. 애플리케이션 홈페이지에 있으면 노래 이름과 저자의 이름을 알리면 찾은 노래 목록이 표시되므로 원하는 노래를 선택하고 YouTube와 같은 일부 플랫폼에서 재생하고 올바른 단어로 가사에있는 틈새를 채우십시오. 격차는 무작위로 그려져서 항상 다른 단어를 완성하여 배우려고하는 언어 능력을 향상시킬 수 있습니다.
로컬로 애플리케이션을 시작하려면이 저장소 (Github 클론 옵션 또는 .zip 파일을 통해)를 다운로드하고 호출 된 model.env.local 파일을 수정해야합니다. 이 파일은 .env.local 로 이름을 바꿔야 하며이 파일에있는 변수의 값은 편지를 얻는 데 사용되는 패키지의 기반 인 천재 API에서 얻은 유효한 클라이언트 액세스 토큰 으로 변경해야합니다. 여기를 클릭하면 문서에 액세스 할 수 있습니다.
그런 다음 프로젝트의 메인 페이지에서 npm i 명령을 실행하여 npm run dev 구내를 설치하여 프로젝트를 시작해야합니다. 편집 후 프로젝트는 localhost:3000 통해 로컬로 제공됩니다.
참고 : Port 3000은 기본 포트이지만 npm run dev 명령이 사용 된 터미널을 통해 프로젝트가 실제로 실행되는 포트를 보는 것이 좋습니다.
온라인 프로젝트에 액세스하려면 여기를 클릭하여 Vercel 플랫폼에 배치 된 배포를 확인하십시오.
응용 프로그램 홈페이지에서 음악의 이름 과이 노래와 관련된 사람 또는 밴드를 넣어야합니다. 이 홈 화면에서는 음악의 어려움을 선택할 수도 있습니다. 어려움이 클수록 더 많은 차이가 당신을 완성시키는 것처럼 보일 것입니다. 노래의 이름과 저자가 선택되면 검색 버튼을 클릭해야합니다. 이렇게하면 검색 렌더링의 결과 목록을 작성한 다음 원하는 음악이 포함 된 카드를 클릭하면 API를 통해 노래를 얻으므로 여러 언어로 된 음악을 사용할 수 있습니다. 음악 카드를 클릭하면 응용 프로그램이 아래 인터페이스가있는 노래 페이지로 이동합니다.
각 간격에는 두 개의 버튼이 있습니다. 이 중 첫 번째는 단어가 올바르게 입력되고 그렇지 않으면 빨간색으로 입력 한 경우 녹색 가장자리를 떠나는 현재 간격을 수정하는 확인으로 표시된 수정 버튼입니다. 두 번째 버튼은 램프로 표시되는 팁 버튼입니다. 이 버튼은 그 간격에 입력 해야하는 단어를 보여줍니다. 이러한 조치는 개별적이며 현재의 격차에만 적용됩니다.
이러한 로컬 작업 외에도 인터페이스에는 6 개의 글로벌 액션 버튼이 포함됩니다.
프로젝트에 기여하려면 프로젝트에서 구현하려는 기능에 대해 조금 이야기하거나 찾은 버그에 대해 조금 이야기 할 수 있습니다 (결국 버그를 찾지 못했을 것입니다. 가능하면 시각화와 이해가 용이하므로 피사체와 관련된 이미지를 넣으십시오.
프로젝트를 기반으로 무언가를 구현하려면 자유롭게 느껴집니다. 이 프로젝트는 오픈 소스이므로 무엇이든 할 수있는 권한이 필요하지 않습니다. 더 나은 것을 찾을 수 있듯이 프로젝트 포크를 수행하고 구현을 시작하고 구현과 함께 풀 요청 프로 리포지토리를 보내려면 편안하게 느껴집니다. 개선 또는 구현 한 내용이라는 메시지를 보내는 것을 잊지 마십시오. 아, 그리고 PR을하고 싶지는 않지만이 프로젝트를 기본으로 사용한 경우이 프로젝트에 액세스하는 사람들이 다른 사용자의 구현에 액세스 할 수 있도록 목록을 만들고 싶기 때문에 저장소 링크를 사용하여 여기에 번호를 열 수 있습니다.
당신이 무언가를하고 싶지만 무엇을 해야할지 모르겠다면 프로젝트의 문제를 살펴보고 우리가 무언가가 열려 있는지 확인한 다음 그 작업을 당신에게 할당하도록 요청할 수 있습니다.
