Comment construire un gestionnaire financier open-source propulsé par l'IA en utilisant peut-être Finance + Copilotkit🪁

DEV - 12/03
TL; DR Dans ce tutoriel, nous vous guiderons à travers un processus étape par étape pour construire un ...

Tl; dr

Dans ce tutoriel, nous vous guiderons à travers un processus étape par étape pour construire un copilote d'investissement et d'épargne alimenté en IA qui vous aide à planifier vos économies et vos investissements en utilisant peut-être Finance, NextJS et Copilotkit🪁.

Voici ce que nous couvrirons:

  • Construire un projet Next.js pour le copilote d'investissement et d'épargne AI.
  • Ajouter des composants d'interface utilisateur CopilotKit et des points de terminaison de l'API à votre application.
  • Intégrer peut-être une API financier pour fournir des investissements personnalisés et des informations d'épargne.

Voici un aperçu de la mise en œuvre de l'application de financement alimentée par AI:

Commençons!

Qu'est-ce que Copilotkit

Copilotkit est un cadre Fullstack pour construire des agents interactifs utilisateur et des copilotes. Il donne aux agents les outils pour utiliser votre application et fournit un SDK riche en fonctionnalités qui prend en charge divers cas d'utilisation de copilote d'IA, y compris la sensibilisation au contexte, les actions de copilote et les UIS génératives.

Cela vous permet de définir le rôle de votre copilote sans faire face à des configurations ou des intégrations complexes.

Découvrez GitHub de Copilotkit ⭐️

Qu'est-ce que peut-être la finance?

Peut-être que la finance est le système d'exploitation open source pour les finances personnelles, fournissant des outils pour gérer, planifier et optimiser en toute sécurité vos économies et vos investissements.

Dans notre projet, nous exploiterons les données et les analyses en temps réel peut-être de Finance pour alimenter les idées de notre copilote, ce qui permet aux utilisateurs d'optimiser leurs économies et leurs investissements.

Condition préalable

Avant de commencer, assurez-vous d'avoir:

Connaissances techniques

  • Compréhension intermédiaire de Next.js et réagir
  • Connaissance de base de la dactylographie
  • Familiarité avec MongoDB

Comptes requis

  • Copilotkit Cloud pour obtenir votre clé API pour l'assistant AI
  • Synthfinance pour accéder à l'API peut-être financier
  • MongoDB Atlas pour l'hébergement de la base de données
  • Google Cloud Platform Account pour l'authentification OAuth

Environnement de développement

  • Node.js 18+ et npm
  • Éditeur de code (VS Code recommandé)

Une fois que vous obtiendrez ce tri, nous commencerons le développement! 🚀

C'est l'application Web que nous créerons

Configuration du projet

1. Créez un nouveau projet Next.js

Ouvrez votre terminal et exécutez cette commande pour créer un nouveau projet Next.js

npx create-next-app @ dernier finance_ai --ypescript
Entrez le mode de sortie en mode plein écran

Accédez au répertoire du projet et démarrez le serveur de développement:

CD Finance_ai NPM Run Dev
Entrez le mode de sortie en mode plein écran

Votre application devrait maintenant fonctionner sur http: // localhost: 3000.

2. Installer des packages

Ensuite, installons les dépendances nécessaires pour ce projet. Ceux-ci incluent:

  • Packages CopilotKit.
  • Axios (pour récupérer l'API)
  • Shadcn / ui (pour les composants d'interface utilisateur prédéfinis)
  • Recharts (pour la représentation des graphiques)

Exécutez la commande suivante pour les installer:

npm install @ copilotkit / react-ui @ copilotkit / react-core axios
Entrez le mode de sortie en mode plein écran

Ensuite, pour ui shadcn, exécutez cette commande

NPX shadcn @ Dernier Add Button Carte Intary Label Badge Tabs
Entrez le mode de sortie en mode plein écran

Remarque: Si vous utilisez Copilotkit Cloud, vous n'avez pas besoin d'inclure le package d'exécution, car le cloud Copilotkit gère automatiquement l'enviro...
[Courte citation de 8% de l'article original]