Hier ist eine kuratierte Liste von Projektideen unter Verwendung ?ffentlicher APIs zum Erstellen von Apps mit Next.js. Diese Projekte decken verschiedene Kategorien wie Datenvisualisierung, soziale Interaktionen und Produktivit?t ab.

Projekte für Anf?nger

1. Filmfinder-App

   • API: Die Filmdatenbank (TMDb)
   • Was zu erstellen ist: Eine durchsuchbare Filmdatenbank, um angesagte Filme und Fernsehsendungen zu erkunden oder nach Genres zu suchen.
   • Eigenschaften:
     • Suchleiste, um Filme nach Titel zu finden.
     • Filmdetails anzeigen (Bewertung, Inhaltsangabe, Erscheinungsdatum).
     • Trendliste wird dynamisch abgerufen.

2. Krypto-Preis-Tracker

   • API: CoinGecko
   • Was zu erstellen ist: Ein Live-Preis-Tracker für Kryptow?hrungen.
   • Eigenschaften:
     • Erhalten Sie Live-Preise für beliebte Kryptow?hrungen.
     • Zeigen Sie Preis?nderungen in einem Diagramm mit Chart.js an.
     • Option zum Filtern nach W?hrung (z. B. USD, EUR).

3. Pokedex-App

   • API: PokeAPI
   • Was zu erstellen ist: Eine Pokémon-Explorer-App.
   • Eigenschaften:
     • Suchen Sie Pokémon nach Namen oder ID.
     • Zeigen Sie Statistiken, Typ und Bilder an.
     • Paginierung oder unendliches Scrollen für alle Pokémon.

4. Quiz-Quiz-App

   • API: Trivia-Datenbank ?ffnen
   • Was zu bauen ist: Ein Quizspiel mit Kategorien und Schwierigkeitsgraden.
   • Eigenschaften:
     • Vom Benutzer w?hlbare Kategorien und Schwierigkeiten.
     • Zeitgesteuerter Quizmodus.
     • Endergebnisse und Antworten anzeigen.

Projekte auf mittlerem Niveau

1. Wettervorhersage-Dashboard

   • API: OpenWeatherMap
   • Was zu erstellen ist: Ein Wetter-Dashboard für mehrere St?dte.
   • Eigenschaften:
     • Suchen Sie nach Stadt und zeigen Sie aktuelle Wetterdetails an.
     • 7-Tage-Wettervorhersage.
     • Verwenden Sie die Kartenintegration zur Visualisierung (z. B. Leaflet.js).

2. Rezeptsuchmaschine

   • API: Spoonacular
   • Was zu erstellen ist: Eine Rezeptsuch-App für Kochbegeisterte.
   • Eigenschaften:
     • Suchen Sie Rezepte nach Zutaten oder Namen.
     • Lieblingsrezepte lokal speichern.
     • N?hrwertangaben anzeigen.

3. Musik-Playlist-Generator

   • API: Spotify-Web-API
   • Was zu erstellen ist: Eine Playlist-Generator-App basierend auf Stimmung oder Genre.
   • Eigenschaften:
     • Authentifizieren Sie Benutzer mit Spotify-Login.
     • Wiedergabelisten dynamisch generieren.
     • Spielen Sie Vorschautitel direkt aus der App ab.

4. Weltraumforschungs-App

   • API: NASA-APIs
   • Was zu bauen ist: Eine Lern-App für Astronomieliebhaber.
   • Eigenschaften:
     • T?gliches Astronomiebild des Tages.
     • Suchen Sie nach Fotos vom Mars Rover nach Datum.
     • Anstehende NASA-Missionen anzeigen.

Projekte für Fortgeschrittene

1. B?rsen-Tracker

   • API: Alpha Vantage oder Finnhub
   • Was zu erstellen ist: Ein Dashboard zur Verfolgung von B?rsentrends.
   • Eigenschaften:
     • Aktien nach Tickersymbol suchen.
     • Zeigen Sie historische Daten mit interaktiven Diagrammen an.
     • Aktualisierungen der Aktienkurse in Echtzeit.

2. E-Commerce-Produktsuche

   • API: Best Buy API oder eBay API
   • Was zu erstellen ist: Eine Preisvergleichsplattform für Produkte.
   • Eigenschaften:
     • Rufen Sie Produktdetails ab und vergleichen Sie Preise aus mehreren Quellen.
     • Suchfunktion mit Filtern (z. B. Preisspanne, Kategorien).
     • Produktbewertungen und Verfügbarkeit anzeigen.

3. Social-Media-Dashboard

   • API: Twitter-API oder Reddit-API
   • Was zu erstellen ist: Ein Social-Media-Insights-Dashboard.
   • Eigenschaften:
     • Analysieren Sie Trendthemen auf Twitter.
     • Zeigen Sie Reddit-Beitr?ge von beliebten Subreddits an.
     • Benutzern erlauben, Lieblingsthreads oder Tweets zu speichern.

4. Fitness-Tracker

   • API: Fitbit-Web-API oder Nutritionix-API
   • Was zu erstellen ist: Eine Gesundheits- und Fitness-Tracking-App.
   • Eigenschaften:
     • Protokollieren Sie Trainingseinheiten und Kalorien.
     • Erhalten Sie N?hrwertdaten für Mahlzeiten.
     • W?chentliche Gesundheitsberichte mit Diagrammen.

5. Reiseplaner-App

   • API: Amadeus Travel APIs
   • Was zu erstellen ist: Ein personalisiertes Reiseplanungstool.
   • Eigenschaften:
     • Flug- und Hoteldaten abrufen.
     • Schlagen Sie Reiserouten basierend auf Ihren Vorlieben vor.
     • Zeigen Sie eine Karte mit Routen und Sehenswürdigkeiten an.

Das obige ist der detaillierte Inhalt vonListe von Projektideen, die ?ffentliche APIs zum Erstellen von Apps mit Next.js verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!