completador de musica
1.0.0
Klicken Sie hier, um das Projekt funktionieren zu sehen
Dieses Projekt ist eine Webanwendung, die mit Frameworks Next.js und Tailwind entwickelt wurde, die bei der Studie von Fremdsprachen durch Musik helfen sollen. Sobald Sie auf der Anwendungs -Homepage den Namen eines Songs und seines Autors informieren, werden eine Liste der gefundenen Songs angezeigt. Wählen Sie also einfach den Song aus, den Sie möchten, und geben Sie es auf einer Plattform wie YouTube oder Spotify und füllen Sie die in den Texten vorhandenen Lücken mit dem richtigen Wort. Die Lücken werden zufällig gezogen, sodass Sie immer unterschiedliche Wörter haben und so Ihre Sprachkenntnisse verbessern können, um zu lernen.
Um die Anwendung lokal zu starten, müssen Sie dieses Repository (entweder durch die GitHub -Klonoptionen oder über eine .zip -Datei) herunterladen und die aufgerufene Modell.Env.Local -Datei ändern. Diese Datei muss in .env.local umbenannt werden, und der Wert der in dieser Datei vorhandenen Variablen muss in einen gültigen Wert des von der Genius -API erhaltenen Client -Zugriffs -Tokens geändert werden. Auf die Dokumentation kann durch Klicken hier zugegriffen werden.
Danach müssen Sie auf der Hauptseite des Projekts npm i -Befehle ausführen, um die npm run dev -Räumlichkeiten zu installieren, um das Projekt zu starten. Nach der Zusammenstellung wird das Projekt lokal über localhost:3000 erhältlich sein.
Hinweis: Port 3000 ist der Standardport, aber ich empfehle Ihnen, zu sehen, welcher Port das Projekt wirklich durch das Terminal ausgeführt wird, an dem der Befehl npm run dev verwendet wurde.
Wenn Sie auf das Online -Projekt zugreifen möchten, klicken Sie hier, um die Bereitstellung auf der Vercel -Plattform zu sehen.
Auf der Anwendungs -Homepage sollten Sie den Namen der Musik und die Person oder Band, mit der dieser Song zugeordnet ist, aufnehmen. In diesem Startbildschirm können Sie auch die Schwierigkeit der Musik auswählen. Je größer die Schwierigkeit, desto mehr Lücken scheinen Sie abgeschlossen zu machen. Sobald der Name und die Urheberschaft des Songs ausgewählt wurden, müssen Sie auf die Schaltfläche Suchklicken klicken. Dies erstellt eine Liste von Ergebnissen für Ihr Suchrendern. Klicken Sie dann einfach auf die Karte, die die gewünschte Musik enthält. Sobald Sie auf die Musikkarte geklickt haben, navigiert die Anwendung zur Song -Seite, auf der die Schnittstelle unten enthält:
Jede Lücke hat zwei Tasten. Die erste davon ist die Korrekturknopf, die durch eine Prüfung angezeigt wird, die die aktuelle Lücke korrigiert, die die grüne Kante verlässt, wenn das Wort korrekt und ansonsten rot getippt wurde. Der zweite Knopf ist der Tippknopf, der durch eine Lampe dargestellt wird. Diese Schaltfläche zeigt das Wort an, das in dieser Lücke eingegeben werden sollte. Diese Maßnahmen sind individuell und nur für die aktuelle Lücke anwendbar.
Abgesehen von diesen lokalen Aktionen enthält die Schnittstelle sechs globale Aktionsschaltflächen:
Um zum Projekt beizutragen, können Sie ein Problem im Projekt eröffnen, in dem Sie ein wenig über die Funktion sprechen, die Sie implementieren möchten, oder einen Fehler, den Sie gefunden haben (ich habe am Ende keine Fehler gefunden, was wahrscheinlich bedeutet, dass ich sie nicht gut genug nach Hahaha gesucht habe). Wenn möglich, geben Sie ein Bild in Bezug auf das Thema ein, da es die Visualisierung und das Verständnis erleichtert.
Wenn Sie etwas basierend auf dem Projekt implementieren möchten, fühlen Sie sich frei. Dieses Projekt ist Open-Source, sodass Sie meine Erlaubnis nicht benötigen, etwas zu tun. Machen Sie einfach die Projektgabel und starten Sie Ihre Implementierung, wenn Sie besser finden. Wenn Sie mit Ihrer Implementierung eine Pull Request Pro -Repository senden möchten, fühlen Sie sich auch wohl. Denken Sie daran, eine Nachricht zu geben, dass Verbesserungen oder was Sie implementiert haben. Oh, und wenn Sie keine PR durchführen möchten, dieses Projekt jedoch als Basis verwendet haben, können Sie hier eine Nummer mit Ihrem Repository -Link öffnen, da ich eine Liste erstellen möchte, damit diejenigen, die auf dieses Projekt zugreifen, auch auf die Implementierungen anderer Benutzer zugreifen können.
Wenn Sie etwas tun möchten, aber nicht wissen, was zu tun ist, können Sie sich die Probleme des Projekts ansehen, um zu sehen, ob wir etwas offen haben, und bitten Sie mich einfach, Ihnen diese Aufgabe zuzuweisen.
