instagraph

Installation

Clonez ce repository :

git clone https://github.com/armanceau/instagraph.git

Frontend

cd frontend/instagraph-app

Installez les dépendances :

npm i

Démarrez l'application en mode développement :

npm run dev

Accédez à l'application via http://localhost:5173/.

Backend

cd backend

Créez un fichier .env à la racine du projet : DATABASE_URL="file:./dev.db" JWT_SECRET="monSecret"

Installez les dépendances :

npm i

Initialiser la base :

npm run prisma migrate dev --name init

Démarrez l'application en mode développement : bash npm run dev

Accédez à l'application via http://localhost:4000/.

📌 Modèle de Données

🧑‍💻 Table : User

Champ	Type	Contraintes	Description
id	STRING	PRIMARY KEY	Identifiant unique de l'utilisateur
username	STRING	UNIQUE, NOT NULL	Nom d'utilisateur
password	STRING	NOT NULL	Mot de passe haché
email	STRING	NOT NULL	Email de l'utilisateur
ntel	STRING	NOT NULL	Numéro de téléphone de l'utilisateur

---

📝 Table : Article

Champ	Type	Contraintes	Description
id	STRING	PRIMARY KEY	Identifiant unique de l'article
titre	STRING	NOT NULL	Titre de l'article
description	STRING	NOT NULL	Contenu de l'article
author	STRING	FOREIGN KEY → User(id)	Auteur de l'article
like	INT	DEFAULT 0	Nombre de likes
date	DATE	NOT NULL	Date de publication

---

💬 Table : Commentaire

Champ	Type	Contraintes	Description
id	STRING	PRIMARY KEY	Identifiant unique du commentaire
description	STRING	NOT NULL	Contenu du commentaire
date	DATE	NOT NULL	Date du commentaire
author	STRING	FOREIGN KEY → User(id)	Auteur du commentaire
article_id	STRING	FOREIGN KEY → Article(id)	Article associé

---

🔗 Relations entre les tables

• Un User peut écrire plusieurs Articles.
• Un Article peut recevoir plusieurs Commentaires.
• Un User peut poster plusieurs Commentaires.

---

Présentation de notre serveur Apollo et du client Prisma

• La liste de nos différentes Mutations:

• Puis de nos getters:

• On peut voir que chaque Article est lié à un utilisateur par relation:

• Quant aux commentaires, chaque commentaire sont en relation avec un utilisateur et une publication

Résultat de notre application !

• Les view de Register/Sign in

• La view principale pour Créer et voir ses les articles

• La vue par utilisateur pouvant regarder ses articles.