Guide pour excécuter le projet TrendingPost. Vous devez demarrer le backend ensuite le Fontend
Ce guide vous aidera à démarrer le projet Django dans le dossier Backend depuis le début, en configurant un environnement virtuel, en installant Django, et egalement , demarrer le font-end réalisé avec vueJS
- Cloner le projet
Cloner le projet et ouvrez-le avec votre éditeur de code. 2. Installer python
Assurer vous d'avoir python installé sur votre machine ; Si ce n'est pas le cas, rendez-vous sur le site de python pour installer une version selon votre système.https://www.python.org/
- Créer un environnement virtuel
Ouvrez le terminal et exécutez la commande suivante pour créer un environnement virtuel:
python -m venv nom_de_l_environnement # Préférez 'venv' ou 'env' ou '.env' ou '.venv'- Activer l'environnement virtuel
Naviguez en fonction du nom de l'environnement vers le dossier Scripts (Windows) ou bin (Unix) et activez l'environnement:
- Pour unix
source venv/bin/activate- Pour windows
.\venv\Scripts\activate- Installer les dependances depuis le fichier requirements.txt
Enregistrez les dépendances de votre projet:
pip install -r requirements.txt- Lancer le serveur
Démarrez le serveur de développement:
python manage.py runserver- Accédez à l’API :
Les dépôts GitHub : http://127.0.0.1:8000/api/repositories/
Les langages de programmation : http://127.0.0.1:8000/api/languages/
Déplacer vous dans le dossier fontend
cd frontendInstallez les dépendances :
npm installLancez le serveur de développement
npm run serveAccédez à l’application : le Frontend sera disponible sur un lien qui vous sera fourni dans le terminal
•Implémentez la pagination pour récupérer et afficher les dépôts par lots de 10 ou 20. •Mettez en cache les résultats pour minimiser les appels à l'API GitHub.
•Ajoutez une gestion des erreurs pour des cas comme les limites de taux de l'API GitHub ou des problèmes de réseau.
•Ajoutez une barre de recherche pour filtrer les dépôts par nom ou description.
•Ajoutez un style de base pour améliorer l'expérience utilisateur.