Ce projet est un blog développé dans le cadre d'un projet Web. Il permet aux utilisateurs de lire et créer des articles et des commentaires. Le projet est divisé en parties Backend et Frontend, avec des technologies spécifiques utilisées pour chaque partie.
- Backend :
- Node.js avec Express
- Prisma pour la gestion de la persistance des données
- Base de données MySQL
- Frontend :
- React pour la création de l'interface utilisateur
- Tailwind CSS pour le stylisme des composants
- Axios pour les appels API
- Clonez ce dépôt sur votre machine locale.
- Accédez au dossier backend(dossier principale) et exécutez la commande
npm installpour installer les dépendances. - Accédez au dossier client et exécutez la commande
npm installpour installer les dépendances.
-
Créez un dossier nommé "config" à la racine du projet.
-
À l'intérieur du dossier "config", créez un fichier nommé "default.json" et ajoutez-y les configurations par défaut nécessaires pour votre application :
{ "jwtPrivateKey": "" } 3. Créez un fichier nommé "custom-environment-variables.json" à l'intérieur du dossier "config" et configurez les variables d'environnement correspondantes pour chaque propriété de configuration:
{ "jwtPrivateKey": "blog_jwtPrivateKey" }
-
Créez un fichier
.envdans le dossier backend et configurez les variables d'environnement suivantes : DATABASE_URL="mysql://root:@localhost:3306/projet-web" -
Exécutez la commande
npx prisma migrate devpour exécuter les migrations de la base de données. -
Utilisez la commande suivante pour configurer les variables d'environnement nécessaires pour JWT :
npm config set blog_jwtPrivateKey blogSecureKey
- Accédez au dossier backend et exécutez la commande
npm run start-devpour démarrer le serveur backend. - Accédez au dossier frontend et exécutez la commande
npm startpour démarrer l'application frontend.
- Création et lecture d'articles.
- Attribution des articles à des catégories.
- Ajout de commentaires sur les articles.
- Authentification des utilisateurs.
