diff --git a/.gitignore b/.gitignore
index c00eaef7..7d9af9b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,4 @@ api/.env
 api/node_modules/
 dist/
 node_modules/
-public/img/users/
+public/img/
diff --git a/README.md b/README.md
index 5eeaabe0..457128bc 100644
--- a/README.md
+++ b/README.md
@@ -60,21 +60,34 @@ Yarn : `yarn add vesan`
 
 ## Content
 
-Available API Files :
--   **UserModel** *(Schema MongoDB)*  
--   **UserCtrl** *(Controller)*  
--   **UserRoute** *(Route)*  
+Available API Files (UNDER CONSTRUCTION) :
+-   **ArticleModel, ReviewModel, PostModel, CommentModel, UserModel** *(Schemas MongoDB)*  
+-   **ArticleCtrl, ReviewCtrl, PostCtrl, CommentCtrl, UserCtrl** *(Controllers)*  
+-   **ArticleRoute, ReviewRoute, PostRoute, CommentRoute, UserRoute** *(Routes)*  
 
-Available Views :  
+Available Views (UNDER CONSTRUCTION) :  
 -   **HomeView** *(Home)*  
+-   **ShopView** *(Shop)*  
+-   **ArticleView** *(Article of Shop)*  
+-   **BlogView** *(Blog)*  
+-   **PostView** *(Post of Blog)*  
 -   **ContactView** *(Contact)*  
 -   **LoginView** *(Login & Forgot Password)*  
 -   **AdminView** *(Admin with the 2 Components)*  
 -   **ErrorView** *(Error)*  
 
-Available Components :  
+Available Components (UNDER CONSTRUCTION) :  
+-   **CreateArticle** *(Create Article)*  
+-   **ListArticles** *(Update & Delete Article)*  
+-   **CreateReview** *(Create Review)*  
+-   **ListReviews** *(Update & Delete Review)*  
+-   **CreatePost** *(Create Post)*  
+-   **ListPosts** *(Update & Delete Post)*  
+-   **CreateComment** *(Create Comment)*  
+-   **ListComments** *(Update & Delete Comment)*  
 -   **CreateUser** *(Create User)*  
 -   **ListUsers** *(Update & Delete User)*  
+
 ---
 
 ## Documentation
diff --git a/api/.env.example b/api/.env.example
index 4cb6470d..6fea78cc 100644
--- a/api/.env.example
+++ b/api/.env.example
@@ -3,6 +3,18 @@
 AUTH_ID = "Invalid Id !"
 AUTH_REQ = "Invalid Request !"
 
+GENERATE_LENGTH = 18
+GENERATE_NUMBERS = true
+GENERATE_SYMBOLS = true
+GENERATE_STRICT = true
+
+IMG_URL = "../public/img/"
+IMG_EXT = "webp"
+IMG_WIDTH = 100
+IMG_HEIGHT = 100
+IMG_FIT = "cover"
+IMG_POSITION = "top"
+
 JWT = "your-json-web-token"
 JWT_DURATION = "72h"
 
@@ -22,7 +34,15 @@ PASS_MIN = 8
 USER_EMAIL = "Invalid email !"
 USER_PASS = "Invalid password !"
 
-# APP
+# VESAN
+
+ARTICLE_CREATED = "Article created !"
+ARTICLE_DELETED = "Article deleted !"
+ARTICLE_UPDATED = "Article updated !"
+
+COMMENT_CREATED = "Comment created !"
+COMMENT_DELETED = "Comment deleted !"
+COMMENT_UPDATED = "Comment updated !"
 
 DB = "your-db-username-password-and-host"
 
@@ -31,6 +51,18 @@ MONGO_SUCCESS = "Connection to MongoDB successful!"
 
 PORT = 3000
 
+POST_CREATED = "Post created !"
+POST_DELETED = "Post deleted !"
+POST_UPDATED = "Post updated !"
+
+REVIEW_CREATED = "Review created !"
+REVIEW_DELETED = "Review deleted !"
+REVIEW_UPDATED = "Review updated !"
+
+ROUTE_ARTICLE = "/api/articles"
+ROUTE_COMMENT = "/api/comments"
+ROUTE_POST = "/api/posts"
+ROUTE_REVIEW = "/api/reviews"
 ROUTE_USER = "/api/users"
 
 USER_CREATED = "User created !"
diff --git a/api/app.js b/api/app.js
index b352c4cb..b42bce35 100644
--- a/api/app.js
+++ b/api/app.js
@@ -6,7 +6,12 @@ const helmet    = require("helmet");
 const sanitize  = require("express-mongo-sanitize");
 const rateLimit = require("express-rate-limit");
 const cors      = require("cors");
-const userRoute = require("./route/UserRoute");
+
+const articleRoute  = require("./route/ArticleRoute");
+const reviewRoute   = require("./route/ReviewRoute");
+const postRoute     = require("./route/PostRoute");
+const commentRoute  = require("./route/CommentRoute");
+const userRoute     = require("./route/UserRoute");
 
 require("dotenv").config();
 
@@ -14,6 +19,7 @@ require("dotenv").config();
  * MONGODB
  */
 mongoose
+  .set('strictQuery', true)
   .connect(process.env.DB, { useNewUrlParser: true, useUnifiedTopology: true })
   .then(() => console.log(process.env.MONGO_SUCCESS))
   .catch(() => console.log(process.env.MONGO_FAIL));
@@ -40,6 +46,10 @@ const limiter = rateLimit({
 /**
  * ROUTES
  */
+app.use(process.env.ROUTE_ARTICLE, articleRoute, limiter);
+app.use(process.env.ROUTE_REVIEW, reviewRoute, limiter);
+app.use(process.env.ROUTE_POST, postRoute, limiter);
+app.use(process.env.ROUTE_COMMENT, commentRoute, limiter);
 app.use(process.env.ROUTE_USER, userRoute, limiter);
 
 module.exports = app;
diff --git a/api/controller/ArticleCtrl.js b/api/controller/ArticleCtrl.js
new file mode 100644
index 00000000..3189dfac
--- /dev/null
+++ b/api/controller/ArticleCtrl.js
@@ -0,0 +1,143 @@
+"use strict";
+
+const formidable  = require("formidable");
+const fs          = require("fs");
+const nem         = require("nemjs");
+const accents     = require("remove-accents");
+
+const ArticleModel = require("../model/ArticleModel");
+
+require("dotenv").config();
+
+const form = formidable({ 
+  uploadDir: process.env.IMG_URL + "articles/", 
+  keepExtensions: true 
+});
+
+/**
+ * GET IMAGE NAME
+ * @param {string} name 
+ */
+exports.getImgName = (name) => {
+
+  return accents.remove(name).replace(" ", "-").toLowerCase() + "-" + Date.now() + "." + process.env.IMG_EXT;
+}
+
+/**
+ * GET ARTICLE
+ * @param {string} name 
+ * @param {string} description 
+ * @param {string} image 
+ * @param {number} price 
+ * @returns 
+ */
+exports.getArticle = (name, description, image, price) => {
+
+  return {
+    name: name,
+    description: description,
+    image: image,
+    price: price
+  }
+}
+
+/**
+ * LIST ARTICLES
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.listArticles = (req, res) => {
+  ArticleModel
+    .find()
+    .then((articles) => res.status(200).json(articles))
+    .catch((error) => res.status(400).json({ error }));
+};
+
+//! ****************************** CRUD ******************************
+
+/**
+ * CREATE ARTICLE
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.createArticle = (req, res, next) => {
+  form.parse(req, (err, fields, files) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let image = this.getImgName(fields.name);
+    nem.createImage(files.image.newFilename, image);
+
+    let article = new ArticleModel(this.getArticle(fields.name, fields.description, image, fields.price));
+
+    fs.unlink(process.env.IMG_URL + "articles/" + files.image.newFilename, () => {
+      article
+        .save()
+        .then(() => res.status(201).json({ message: process.env.ARTICLE_CREATED }))
+        .catch((error) => res.status(400).json({ error }));
+    });
+  })
+};
+
+/**
+ * UPDATE ARTICLE
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.updateArticle = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let image = fields.image;
+
+    if (Object.keys(files).length !== 0) {
+      image = this.getImgName(fields.name);
+      nem.createImage(files.image.newFilename, image);
+
+      ArticleModel
+        .findOne({ _id: req.params.id })
+        .then((article) => 
+          fs.unlink(process.env.IMG_URL + "articles/" + article.image, () => {
+            fs.unlink(process.env.IMG_URL + "articles/" + files.image.newFilename, () => {
+              console.log("Image ok !");
+            })
+          })
+        )
+    }
+
+    let article = this.getArticle(fields.name, fields.description, image, fields.price);
+
+    ArticleModel
+      .updateOne({ _id: req.params.id }, { ...article, _id: req.params.id })
+      .then(() => res.status(200).json({ message: process.env.ARTICLE_UPDATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * DELETE ARTICLE
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.deleteArticle = (req, res) => {
+  ArticleModel
+    .findOne({ _id: req.params.id })
+    .then(article => {
+      fs.unlink(process.env.IMG_URL + "articles/" + article.image, () => {
+        ArticleModel
+          .deleteOne({ _id: req.params.id })
+          .then(() => res.status(200).json({ message: process.env.ARTICLE_DELETED }))
+          .catch((error) => res.status(400).json({ error }));
+      });
+    })
+    .catch(error => res.status(500).json({ error }));
+};
diff --git a/api/controller/CommentCtrl.js b/api/controller/CommentCtrl.js
new file mode 100644
index 00000000..894e1af0
--- /dev/null
+++ b/api/controller/CommentCtrl.js
@@ -0,0 +1,79 @@
+"use strict";
+
+const formidable = require("formidable");
+
+const CommentModel = require("../model/CommentModel");
+
+require("dotenv").config();
+
+const form = formidable();
+
+/**
+ * LIST COMMENTS
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.listComments = (req, res) => {
+  CommentModel
+    .find()
+    .then((comments) => res.status(200).json(comments))
+    .catch((error) => res.status(400).json({ error }));
+};
+
+//! ****************************** CRUD ******************************
+
+/**
+ * CREATE COMMENT
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.createComment = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let comment = new CommentModel(fields);
+
+    comment
+      .save()
+      .then(() => res.status(201).json({ message: process.env.COMMENT_CREATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * UPDATE COMMENT
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.updateComment = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    CommentModel
+      .updateOne({ _id: req.params.id }, { ...fields, _id: req.params.id })
+      .then(() => res.status(200).json({ message: process.env.COMMENT_UPDATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * DELETE COMMENT
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.deleteComment = (req, res) => {
+  CommentModel
+    .deleteOne({ _id: req.params.id })
+    .then(() => res.status(200).json({ message: process.env.COMMENT_DELETED }))
+    .catch((error) => res.status(400).json({ error }))
+};
diff --git a/api/controller/PostCtrl.js b/api/controller/PostCtrl.js
new file mode 100644
index 00000000..044f84f7
--- /dev/null
+++ b/api/controller/PostCtrl.js
@@ -0,0 +1,141 @@
+"use strict";
+
+const formidable  = require("formidable");
+const fs          = require("fs");
+const nem         = require("nemjs");
+const accents     = require("remove-accents");
+
+const PostModel = require("../model/PostModel");
+
+require("dotenv").config();
+
+const form = formidable({ 
+  uploadDir: process.env.IMG_URL + "posts/", 
+  keepExtensions: true 
+});
+
+/**
+ * GET IMAGE NAME
+ * @param {string} name 
+ */
+exports.getImgName = (name) => {
+
+  return accents.remove(name).toLowerCase() + "-" + Date.now() + "." + process.env.IMG_EXT;
+}
+
+/**
+ * GET POST
+ * @param {string} title 
+ * @param {string} text 
+ * @param {string} image 
+ * @returns 
+ */
+exports.getPost = (title, text, image) => {
+
+  return {
+    title: title,
+    text: text,
+    image: image
+  }
+}
+
+/**
+ * LIST POSTS
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.listPosts = (req, res) => {
+  PostModel
+    .find()
+    .then((posts) => res.status(200).json(posts))
+    .catch((error) => res.status(400).json({ error }));
+};
+
+//! ****************************** CRUD ******************************
+
+/**
+ * CREATE POST
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.createPost = (req, res, next) => {
+  form.parse(req, (err, fields, files) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let image = this.getImgName(fields.title);
+    nem.createImage(files.image.newFilename, image);
+
+    let post = new PostModel(this.getPost(fields.title, fields.text, image));
+
+    fs.unlink(process.env.IMG_URL + "posts/" + files.image.newFilename, () => {
+      post
+        .save()
+        .then(() => res.status(201).json({ message: process.env.POST_CREATED }))
+        .catch((error) => res.status(400).json({ error }));
+    });
+  })
+};
+
+/**
+ * UPDATE POST
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.updatePost = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let image = fields.image;
+
+    if (Object.keys(files).length !== 0) {
+      image = this.getImgName(fields.title);
+      nem.createImage(files.image.newFilename, image);
+
+      PostModel
+        .findOne({ _id: req.params.id })
+        .then((post) => 
+          fs.unlink(process.env.IMG_URL + "posts/" + post.image, () => {
+            fs.unlink(process.env.IMG_URL + "posts/" + files.image.newFilename, () => {
+              console.log("Image ok !");
+            })
+          })
+        )
+    }
+
+    let post = this.getPost(fields.title, fields.text, image);
+
+    PostModel
+      .updateOne({ _id: req.params.id }, { ...post, _id: req.params.id })
+      .then(() => res.status(200).json({ message: process.env.POST_UPDATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * DELETE POST
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.deletePost = (req, res) => {
+  PostModel
+    .findOne({ _id: req.params.id })
+    .then(post => {
+      fs.unlink(process.env.IMG_URL + "posts/" + post.image, () => {
+        PostModel
+          .deleteOne({ _id: req.params.id })
+          .then(() => res.status(200).json({ message: process.env.POST_DELETED }))
+          .catch((error) => res.status(400).json({ error }));
+      });
+    })
+    .catch(error => res.status(500).json({ error }));
+};
diff --git a/api/controller/ReviewCtrl.js b/api/controller/ReviewCtrl.js
new file mode 100644
index 00000000..02930d29
--- /dev/null
+++ b/api/controller/ReviewCtrl.js
@@ -0,0 +1,79 @@
+"use strict";
+
+const formidable = require("formidable");
+
+const ReviewModel = require("../model/ReviewModel");
+
+require("dotenv").config();
+
+const form = formidable();
+
+/**
+ * LIST REVIEWS
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.listReviews = (req, res) => {
+  ReviewModel
+    .find()
+    .then((reviews) => res.status(200).json(reviews))
+    .catch((error) => res.status(400).json({ error }));
+};
+
+//! ****************************** CRUD ******************************
+
+/**
+ * CREATE REVIEW
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.createReview = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    let review = new ReviewModel(fields);
+
+    review
+      .save()
+      .then(() => res.status(201).json({ message: process.env.REVIEW_CREATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * UPDATE REVIEW
+ * @param {object} req 
+ * @param {object} res 
+ * @param {function} next 
+ */
+exports.updateReview = (req, res, next) => {
+  form.parse(req, (err, fields) => {
+
+    if (err) {
+      next(err);
+      return;
+    }
+
+    ReviewModel
+      .updateOne({ _id: req.params.id }, { ...fields, _id: req.params.id })
+      .then(() => res.status(200).json({ message: process.env.REVIEW_UPDATED }))
+      .catch((error) => res.status(400).json({ error }));
+  })
+};
+
+/**
+ * DELETE REVIEW
+ * @param {object} req 
+ * @param {object} res 
+ */
+exports.deleteReview = (req, res) => {
+  ReviewModel
+    .deleteOne({ _id: req.params.id })
+    .then(() => res.status(200).json({ message: process.env.REVIEW_DELETED }))
+    .catch((error) => res.status(400).json({ error }))
+};
diff --git a/api/controller/UserCtrl.js b/api/controller/UserCtrl.js
index 6bef9db2..dc36ac3d 100644
--- a/api/controller/UserCtrl.js
+++ b/api/controller/UserCtrl.js
@@ -10,7 +10,7 @@ const UserModel   = require("../model/UserModel");
 require("dotenv").config();
 
 const form = formidable({ 
-  uploadDir: process.env.IMG_URL, 
+  uploadDir: process.env.IMG_URL + "users/", 
   keepExtensions: true 
 });
 
@@ -172,7 +172,7 @@ exports.createUser = (req, res, next) => {
       .then((hash) => {
         let user = new UserModel(this.getUser(fields.name, fields.email, image, hash));
 
-        fs.unlink(process.env.IMG_URL + files.image.newFilename, () => {
+        fs.unlink(process.env.IMG_URL + "users/" + files.image.newFilename, () => {
           user
             .save()
             .then(() => res.status(201).json({ message: process.env.USER_CREATED }))
@@ -207,8 +207,8 @@ exports.updateUser = (req, res, next) => {
       UserModel
         .findOne({ _id: req.params.id })
         .then((user) => 
-          fs.unlink(process.env.IMG_URL + user.image, () => {
-            fs.unlink(process.env.IMG_URL + files.image.newFilename, () => {
+          fs.unlink(process.env.IMG_URL + "users/" + user.image, () => {
+            fs.unlink(process.env.IMG_URL + "users/" + files.image.newFilename, () => {
               console.log("Image ok !");
             })
           })
@@ -237,7 +237,7 @@ exports.deleteUser = (req, res) => {
   UserModel
     .findOne({ _id: req.params.id })
     .then(user => {
-      fs.unlink(process.env.IMG_URL + user.image, () => {
+      fs.unlink(process.env.IMG_URL + "users/" + user.image, () => {
         UserModel
           .deleteOne({ _id: req.params.id })
           .then(() => res.status(200).json({ message: process.env.USER_DELETED }))
diff --git a/api/model/ArticleModel.js b/api/model/ArticleModel.js
new file mode 100644
index 00000000..1d2b94ce
--- /dev/null
+++ b/api/model/ArticleModel.js
@@ -0,0 +1,35 @@
+"use strict";
+
+const mongoose = require("mongoose");
+const uniqueValidator = require("mongoose-unique-validator");
+
+const ArticleModel = mongoose.Schema(
+  {
+    name: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    description: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    image: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    price: { 
+      type: Number, 
+      required: true
+    }
+  },
+  {
+    versionKey: false
+  }
+);
+
+ArticleModel.plugin(uniqueValidator);
+
+module.exports = mongoose.model("Article", ArticleModel);
diff --git a/api/model/CommentModel.js b/api/model/CommentModel.js
new file mode 100644
index 00000000..116ba22e
--- /dev/null
+++ b/api/model/CommentModel.js
@@ -0,0 +1,28 @@
+"use strict";
+
+const mongoose = require("mongoose");
+const uniqueValidator = require("mongoose-unique-validator");
+
+const CommentModel = mongoose.Schema(
+  {
+    text: { 
+      type: String, 
+      required: true
+    },
+    post: { 
+      type: String, 
+      required: true
+    },
+    user: { 
+      type: String, 
+      required: true
+    }
+  },
+  {
+    versionKey: false
+  }
+);
+
+CommentModel.plugin(uniqueValidator);
+
+module.exports = mongoose.model("Comment", CommentModel);
diff --git a/api/model/PostModel.js b/api/model/PostModel.js
new file mode 100644
index 00000000..c1f908ad
--- /dev/null
+++ b/api/model/PostModel.js
@@ -0,0 +1,35 @@
+"use strict";
+
+const mongoose = require("mongoose");
+const uniqueValidator = require("mongoose-unique-validator");
+
+const PostModel = mongoose.Schema(
+  {
+    title: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    text: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    image: { 
+      type: String, 
+      required: true,
+      unique: true
+    },
+    author: { 
+      type: String, 
+      required: true
+    }
+  },
+  {
+    versionKey: false
+  }
+);
+
+PostModel.plugin(uniqueValidator);
+
+module.exports = mongoose.model("Post", PostModel);
diff --git a/api/model/ReviewModel.js b/api/model/ReviewModel.js
new file mode 100644
index 00000000..5194c9e7
--- /dev/null
+++ b/api/model/ReviewModel.js
@@ -0,0 +1,32 @@
+"use strict";
+
+const mongoose = require("mongoose");
+const uniqueValidator = require("mongoose-unique-validator");
+
+const ReviewModel = mongoose.Schema(
+  {
+    text: { 
+      type: String, 
+      required: true
+    },
+    score: { 
+      type: Number, 
+      required: true
+    },
+    article: { 
+      type: String, 
+      required: true
+    },
+    user: { 
+      type: String, 
+      required: true
+    }
+  },
+  {
+    versionKey: false
+  }
+);
+
+ReviewModel.plugin(uniqueValidator);
+
+module.exports = mongoose.model("Review", ReviewModel);
diff --git a/api/package-lock.json b/api/package-lock.json
index cc7a54a9..9dfd2540 100644
--- a/api/package-lock.json
+++ b/api/package-lock.json
@@ -17,7 +17,7 @@
         "helmet": "^5.0.2",
         "mongoose": "^6.2.1",
         "mongoose-unique-validator": "^3.0.0",
-        "nemjs": "^0.5.1",
+        "nemjs": "^0.6.0",
         "remove-accents": "^0.4.4"
       }
     },
@@ -2348,9 +2348,9 @@
       }
     },
     "node_modules/nemjs": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/nemjs/-/nemjs-0.5.1.tgz",
-      "integrity": "sha512-kt9tk1OU9C8B8RYtwnL/Y5ZMV99ozfOUVeLad2BJCjeLM8CD7qvMNLzfUTYWI2PfQVF7kOfGxTxcUkG97vpIpA==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/nemjs/-/nemjs-0.6.0.tgz",
+      "integrity": "sha512-UHxTu4SG/zixbiTm5h724XY8D17CMtQqD5KuF0mEdKMJOyiMUCgRYdNM3qmd+nbvsttZJGKkkLRwUeT//2ClbQ==",
       "dependencies": {
         "bcrypt": "^5.1.0",
         "dotenv": "^16.0.3",
@@ -2359,7 +2359,8 @@
         "jsonwebtoken": "^9.0.0",
         "nodemailer": "^6.8.0",
         "password-validator": "^5.3.0",
-        "sharp": "^0.31.3"
+        "sharp": "^0.31.3",
+        "valid-url": "^1.0.9"
       },
       "engines": {
         "node": ">=10.0.0"
@@ -3060,6 +3061,11 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/valid-url": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",
+      "integrity": "sha512-QQDsV8OnSf5Uc30CKSwG9lnhMPe6exHtTXLRYX8uMwKENy640pU+2BgBL0LRbDh/eYRahNCS7aewCx0wf3NYVA=="
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -4969,9 +4975,9 @@
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
     },
     "nemjs": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/nemjs/-/nemjs-0.5.1.tgz",
-      "integrity": "sha512-kt9tk1OU9C8B8RYtwnL/Y5ZMV99ozfOUVeLad2BJCjeLM8CD7qvMNLzfUTYWI2PfQVF7kOfGxTxcUkG97vpIpA==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/nemjs/-/nemjs-0.6.0.tgz",
+      "integrity": "sha512-UHxTu4SG/zixbiTm5h724XY8D17CMtQqD5KuF0mEdKMJOyiMUCgRYdNM3qmd+nbvsttZJGKkkLRwUeT//2ClbQ==",
       "requires": {
         "bcrypt": "^5.1.0",
         "dotenv": "^16.0.3",
@@ -4980,7 +4986,8 @@
         "jsonwebtoken": "^9.0.0",
         "nodemailer": "^6.8.0",
         "password-validator": "^5.3.0",
-        "sharp": "^0.31.3"
+        "sharp": "^0.31.3",
+        "valid-url": "^1.0.9"
       }
     },
     "node-abi": {
@@ -5493,6 +5500,11 @@
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
       "optional": true
     },
+    "valid-url": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",
+      "integrity": "sha512-QQDsV8OnSf5Uc30CKSwG9lnhMPe6exHtTXLRYX8uMwKENy640pU+2BgBL0LRbDh/eYRahNCS7aewCx0wf3NYVA=="
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
diff --git a/api/package.json b/api/package.json
index 51dad09f..cfbfbfc4 100644
--- a/api/package.json
+++ b/api/package.json
@@ -32,7 +32,7 @@
     "helmet": "^5.0.2",
     "mongoose": "^6.2.1",
     "mongoose-unique-validator": "^3.0.0",
-    "nemjs": "^0.5.1",
+    "nemjs": "^0.6.0",
     "remove-accents": "^0.4.4"
   },
   "author": {
diff --git a/api/route/ArticleRoute.js b/api/route/ArticleRoute.js
new file mode 100644
index 00000000..75d5597c
--- /dev/null
+++ b/api/route/ArticleRoute.js
@@ -0,0 +1,14 @@
+"use strict";
+
+const express = require("express");
+const router  = express.Router();
+const nem     = require("nemjs");
+
+const ArticleCtrl = require("../controller/ArticleCtrl");
+
+router.get("/", ArticleCtrl.listArticles);
+router.post("/", nem.checkAuth, ArticleCtrl.createArticle);
+router.put("/:id", nem.checkAuth, ArticleCtrl.updateArticle);
+router.delete("/:id", nem.checkAuth, ArticleCtrl.deleteArticle);
+
+module.exports = router;
diff --git a/api/route/CommentRoute.js b/api/route/CommentRoute.js
new file mode 100644
index 00000000..894dcc2c
--- /dev/null
+++ b/api/route/CommentRoute.js
@@ -0,0 +1,14 @@
+"use strict";
+
+const express = require("express");
+const router  = express.Router();
+const nem     = require("nemjs");
+
+const CommentCtrl = require("../controller/CommentCtrl");
+
+router.get("/", CommentCtrl.listComments);
+router.post("/", nem.checkAuth, CommentCtrl.createComment);
+router.put("/:id", nem.checkAuth, CommentCtrl.updateComment);
+router.delete("/:id", nem.checkAuth, CommentCtrl.deleteComment);
+
+module.exports = router;
diff --git a/api/route/PostRoute.js b/api/route/PostRoute.js
new file mode 100644
index 00000000..a996bd4c
--- /dev/null
+++ b/api/route/PostRoute.js
@@ -0,0 +1,14 @@
+"use strict";
+
+const express = require("express");
+const router  = express.Router();
+const nem     = require("nemjs");
+
+const PostCtrl = require("../controller/PostCtrl");
+
+router.get("/", PostCtrl.listPosts);
+router.post("/", nem.checkAuth, PostCtrl.createPost);
+router.put("/:id", nem.checkAuth, PostCtrl.updatePost);
+router.delete("/:id", nem.checkAuth, PostCtrl.deletePost);
+
+module.exports = router;
diff --git a/api/route/ReviewRoute.js b/api/route/ReviewRoute.js
new file mode 100644
index 00000000..c791d529
--- /dev/null
+++ b/api/route/ReviewRoute.js
@@ -0,0 +1,14 @@
+"use strict";
+
+const express = require("express");
+const router  = express.Router();
+const nem     = require("nemjs");
+
+const ReviewCtrl = require("../controller/ReviewCtrl");
+
+router.get("/", ReviewCtrl.listReviews);
+router.post("/", nem.checkAuth, ReviewCtrl.createReview);
+router.put("/:id", nem.checkAuth, ReviewCtrl.updateReview);
+router.delete("/:id", nem.checkAuth, ReviewCtrl.deleteReview);
+
+module.exports = router;
diff --git a/api/route/UserRoute.js b/api/route/UserRoute.js
index bd664080..41b892c4 100644
--- a/api/route/UserRoute.js
+++ b/api/route/UserRoute.js
@@ -1,9 +1,10 @@
 "use strict";
 
-const express   = require("express");
-const router    = express.Router();
-const nem       = require("nemjs");
-const UserCtrl  = require("../controller/UserCtrl");
+const express = require("express");
+const router  = express.Router();
+const nem     = require("nemjs");
+
+const UserCtrl = require("../controller/UserCtrl");
 
 router.get("/", nem.checkAuth, UserCtrl.listUsers);
 router.post("/login", UserCtrl.loginUser);
diff --git a/constants.js b/constants.js
index 8c32a58c..005d0a3b 100644
--- a/constants.js
+++ b/constants.js
@@ -22,7 +22,7 @@ export default {
   TOKEN : JSON.parse(localStorage.getItem("userToken")),
   USER_ID : JSON.parse(localStorage.getItem("userId")),
 
-  /* APP */
+  /* VESAN */
 
   FORGOT_CONFIRM : "Do you confirm sending a new password ?",
   FORGOT_SUBJECT : "New Password",
diff --git a/package-lock.json b/package-lock.json
index 77a76f3c..2b32a5bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,20 @@
 {
   "name": "vesan",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "vesan",
-      "version": "0.1.1",
+      "version": "0.1.2",
       "license": "Apache-2.0 License",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^6.2.1",
         "animadio": "^5.6.0",
         "core-js": "^3.8.3",
-        "servidio": "^0.4.0",
+        "servidio": "^0.4.1",
         "vue": "^3.2.45",
-        "vue-elt": "^0.5.2",
+        "vue-elt": "^0.6.0",
         "vue-router": "^4.1.6"
       },
       "devDependencies": {
@@ -9751,9 +9751,9 @@
       }
     },
     "node_modules/servidio": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/servidio/-/servidio-0.4.0.tgz",
-      "integrity": "sha512-YgE91d/FqdYotVjIfzYHm7XpZtP3G5faca1eW+VgRILPsRbUOfW7vjZLR06FkVukVWzy3PbYIiwNLQ+6CaSgHQ==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/servidio/-/servidio-0.4.1.tgz",
+      "integrity": "sha512-4dMOtmO4VOU4Dp84vars2QUm6H0DssqKZzPl8FUTFCU0kDH4auaUsyk2SH68Srb2IFfJInRrQRj8HHrXpoJlUw==",
       "dependencies": {
         "axios": "^1.2.0",
         "email-validator": "^2.0.4",
@@ -10659,9 +10659,9 @@
       }
     },
     "node_modules/vue-elt": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/vue-elt/-/vue-elt-0.5.2.tgz",
-      "integrity": "sha512-bUt9w9XPEeVpV4PtduhNCQEk7JOfrPZFxyl84TNyvft/5TKeaVAUYnCtGjVlnrjTErqcKvU/lMAMz0YQS8JPYA==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/vue-elt/-/vue-elt-0.6.0.tgz",
+      "integrity": "sha512-YmVbXtM6oS0HlL4bXpJwKJ+0rkmuW557iEZxhuqxtyMxH4eSAqtQaG1OhbgzQSbFEcYo23+8IgaWY274ywgoeQ==",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^6.2.1",
         "animadio": "^5.6.0"
@@ -18925,9 +18925,9 @@
       }
     },
     "servidio": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/servidio/-/servidio-0.4.0.tgz",
-      "integrity": "sha512-YgE91d/FqdYotVjIfzYHm7XpZtP3G5faca1eW+VgRILPsRbUOfW7vjZLR06FkVukVWzy3PbYIiwNLQ+6CaSgHQ==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/servidio/-/servidio-0.4.1.tgz",
+      "integrity": "sha512-4dMOtmO4VOU4Dp84vars2QUm6H0DssqKZzPl8FUTFCU0kDH4auaUsyk2SH68Srb2IFfJInRrQRj8HHrXpoJlUw==",
       "requires": {
         "axios": "^1.2.0",
         "email-validator": "^2.0.4",
@@ -19616,9 +19616,9 @@
       }
     },
     "vue-elt": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/vue-elt/-/vue-elt-0.5.2.tgz",
-      "integrity": "sha512-bUt9w9XPEeVpV4PtduhNCQEk7JOfrPZFxyl84TNyvft/5TKeaVAUYnCtGjVlnrjTErqcKvU/lMAMz0YQS8JPYA==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/vue-elt/-/vue-elt-0.6.0.tgz",
+      "integrity": "sha512-YmVbXtM6oS0HlL4bXpJwKJ+0rkmuW557iEZxhuqxtyMxH4eSAqtQaG1OhbgzQSbFEcYo23+8IgaWY274ywgoeQ==",
       "requires": {
         "@fortawesome/fontawesome-free": "^6.2.1",
         "animadio": "^5.6.0"
diff --git a/package.json b/package.json
index 7d499f4e..1f850b67 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vesan",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "CMS with Vue-Elt, Servidio, Animadio & NemJS",
   "keywords": [
     "cms",
@@ -28,9 +28,9 @@
     "@fortawesome/fontawesome-free": "^6.2.1",
     "animadio": "^5.6.0",
     "core-js": "^3.8.3",
-    "servidio": "^0.4.0",
+    "servidio": "^0.4.1",
     "vue": "^3.2.45",
-    "vue-elt": "^0.5.2",
+    "vue-elt": "^0.6.0",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index edfc7f4a..a29408d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
 
   <!-- NAVBAR -->
-  <NavElt :items="['home', 'contact']">
+  <NavElt :items="['home', 'shop', 'blog', 'contact']">
 
     <!-- Brand Logo -->
     <template #brand>
@@ -14,6 +14,12 @@
     <template #home>
       <i class="fa-solid fa-home fa-fw"></i>
     </template>
+    <template #shop>
+      <i class="fa-solid fa-shop fa-fw"></i>
+    </template>
+    <template #blog>
+      <i class="fa-solid fa-blog fa-fw"></i>
+    </template>
     <template #contact>
       <i class="fa-brands fa-at fa-fw"></i>
     </template>
diff --git a/src/components/CreateArticle.vue b/src/components/CreateArticle.vue
new file mode 100644
index 00000000..55dc1107
--- /dev/null
+++ b/src/components/CreateArticle.vue
@@ -0,0 +1,160 @@
+<template>
+
+  <!-- ARTICLE CREATION ADMIN -->
+  <form method="post"
+    enctype="multipart/form-data"
+    class="form width-lg container-60lg-50wd">
+    <ListElt :items="['name', 'description', 'image', 'price']">
+
+      <!-- Article Name -->
+      <template #item-1>
+        <FieldElt id="name"
+          v-model:value="name"
+          info="My beautiful article"
+          @keyup.enter="validateNewArticle()"
+          :min="parseInt('2')">
+          <template #legend>
+            Name
+          </template>
+          <template #label>
+            Indicate the article name
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Article Description -->
+      <template #item-2>
+        <FieldElt id="description"
+          v-model:value="description"
+          info="This article is wonderful !"
+          @keyup.enter="validateNewArticle()"
+          type="textarea">
+          <template #legend>
+            Description
+          </template>
+          <template #label>
+            Indicate the article description
+          </template>
+        </FieldElt>
+      </template>
+      
+      <!-- Article Image -->
+      <template #item-3>
+        <FieldElt id="image"
+          v-model:value="image"
+          info="Image file only"
+          type="file">
+          <template #legend>
+            Image
+          </template>
+          <template #label>
+            Provide article image
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Article Price -->
+      <template #item-4>
+        <FieldElt id="price"
+          v-model:value="price"
+          info="100 €"
+          @keyup.enter="validateNewArticle()"
+          type="number">
+          <template #legend>
+            Price
+          </template>
+          <template #label>
+            Indicate the article price
+          </template>
+        </FieldElt>
+      </template>
+    </ListElt>
+
+    <!-- Create Button -->
+    <BtnElt type="button"
+      content="Create"
+      @click="validateNewArticle()" 
+      class="btn-green"/>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "CreateArticle",
+
+  data() {
+    return {
+      name: "",
+      description:"",
+      image: "",
+      price: ""
+    }
+  },
+
+  methods: {
+    /**
+     * VALIDATE NEW ARTICLE IF DATA ARE VALID
+     */
+    validateNewArticle() {
+      if (this.$serve.checkName(this.name)) {
+
+        if (typeof document.getElementById('image').files[0] !== "undefined") {
+          this.checkNewArticle();
+
+        } else {
+          alert("Une photo de l'utilisateur doit être uploadée !");
+        }
+      }
+    },
+
+    /**
+     * CHECK NEW ARTICLE IF NAME | DESCRIPTION ARE REFERENCED
+     */
+    checkNewArticle() {
+      this.$serve.getData("/api/articles")
+        .then((articles) => {
+          let isReferenced = false;
+
+          for (let i = 0; i < articles.length; i++) {
+
+            if (articles[i].name === this.name) {
+              alert(this.name + " is not available !");
+              isReferenced = true;
+            }
+
+            if (articles[i].description === this.description) {
+              alert(this.description + " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.createArticle(isReferenced);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * CREATE ARTICLE IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     */
+    createArticle(isReferenced) {
+      if (!isReferenced) {
+        let article  = new FormData();
+        let image = document.getElementById('image').files[0];
+
+        article.append("name", this.name);
+        article.append("description", this.description);
+        article.append("image", image);
+        article.append("price", this.price);
+
+        this.$serve.postData("/api/articles", article)
+          .then(() => {
+            alert(article.get("name") + " created !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/CreateComment.vue b/src/components/CreateComment.vue
new file mode 100644
index 00000000..b9b37f27
--- /dev/null
+++ b/src/components/CreateComment.vue
@@ -0,0 +1,143 @@
+<template>
+
+  <!-- COMMENT CREATION ADMIN -->
+  <form method="post"
+    class="form width-lg container-60lg-50wd">
+    <ListElt :items="['text', 'post', 'user']">
+
+      <!-- Comment Text -->
+      <template #item-1>
+        <FieldElt id="text"
+          v-model:value="text"
+          info="Thanks for this post !"
+          @keyup.enter="validateNewComment()"
+          :min="parseInt('2')">
+          <template #legend>
+            Text
+          </template>
+          <template #label>
+            Indicate the comment text
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Comment Post -->
+      <template #item-2>
+        <FieldElt id="post"
+          v-model:value="post"
+          info=""
+          @keyup.enter="validateNewComment()">
+          <template #legend>
+            Post
+          </template>
+          <template #label>
+            Choose the linked post
+          </template>
+        </FieldElt>
+      </template>
+      
+      <!-- Comment User -->
+      <template #item-3>
+        <FieldElt id="user"
+          v-model:value="user"
+          info="">
+          <template #legend>
+            User
+          </template>
+          <template #label>
+            Choose the linked user
+          </template>
+        </FieldElt>
+      </template>
+    </ListElt>
+
+    <!-- Create Button -->
+    <BtnElt type="button"
+      content="Create"
+      @click="validateNewComment()" 
+      class="btn-green"/>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "CreateComment",
+
+  data() {
+    return {
+      text: "",
+      user:"",
+      post: "",
+      pass: ""
+    }
+  },
+
+  methods: {
+    /**
+     * VALIDATE NEW COMMENT IF DATA ARE VALID
+     */
+    validateNewComment() {
+      if (this.$serve.checkText(this.text) && 
+        this.$serve.checkPost(this.post) && 
+        this.$serve.checkPass(this.pass)) {
+
+        if (typeof document.getElementById('user').files[0] !== "undefined") {
+          this.checkNewComment();
+
+        } else {
+          alert("Une photo de l'utilisateur doit être uploadée !");
+        }
+      }
+    },
+
+    /**
+     * CHECK NEW COMMENT IF NAME | EMAIL ARE REFERENCED
+     */
+    checkNewComment() {
+      this.$serve.getData("/api/comments")
+        .then((comments) => {
+          let isReferenced = false;
+
+          for (let i = 0; i < comments.length; i++) {
+
+            if (comments[i].text === this.text) {
+              alert(this.text + " is not available !");
+              isReferenced = true;
+            }
+
+            if (comments[i].post === this.post) {
+              alert(this.post + " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.createComment(isReferenced);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * CREATE COMMENT IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     */
+    createComment(isReferenced) {
+      if (!isReferenced) {
+        let comment  = new FormData();
+        let user = document.getElementById('user').files[0];
+
+        comment.append("text", this.text);
+        comment.append("post", this.post);
+        comment.append("user", user);
+        comment.append("pass", this.pass);
+
+        this.$serve.postData("/api/comments", comment)
+          .then(() => {
+            alert(comment.get("text") + " created !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/CreatePost.vue b/src/components/CreatePost.vue
new file mode 100644
index 00000000..7d34f8c9
--- /dev/null
+++ b/src/components/CreatePost.vue
@@ -0,0 +1,160 @@
+<template>
+
+  <!-- POST CREATION ADMIN -->
+  <form method="post"
+    enctype="multipart/form-data"
+    class="form width-lg container-60lg-50wd">
+    <ListElt :items="['title', 'text', 'image', 'author']">
+
+      <!-- Post Title -->
+      <template #item-1>
+        <FieldElt id="title"
+          v-model:value="title"
+          info="My new post"
+          @keyup.enter="validateNewPost()"
+          :min="parseInt('2')">
+          <template #legend>
+            Title
+          </template>
+          <template #label>
+            Indicate the post title
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Post Text -->
+      <template #item-2>
+        <FieldElt id="text"
+          v-model:value="text"
+          info="Once upon a time..."
+          @keyup.enter="validateNewPost()"
+          type="textarea">
+          <template #legend>
+            Text
+          </template>
+          <template #label>
+            Indicate the post text
+          </template>
+        </FieldElt>
+      </template>
+      
+      <!-- Post Image -->
+      <template #item-3>
+        <FieldElt id="image"
+          v-model:value="image"
+          info="Image file only"
+          type="file">
+          <template #legend>
+            Image
+          </template>
+          <template #label>
+            Provide post image
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Post Author -->
+      <template #item-4>
+        <FieldElt id="author"
+          v-model:value="author"
+          info="John Doe"
+          @keyup.enter="validateNewPost()">
+          <template #legend>
+            Author
+          </template>
+          <template #label>
+            Indicate the post author
+          </template>
+        </FieldElt>
+      </template>
+    </ListElt>
+
+    <!-- Create Button -->
+    <BtnElt type="button"
+      content="Create"
+      @click="validateNewPost()" 
+      class="btn-green"/>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "CreatePost",
+
+  data() {
+    return {
+      title: "",
+      text:"",
+      image: "",
+      author: ""
+    }
+  },
+
+  methods: {
+    /**
+     * VALIDATE NEW POST IF DATA ARE VALID
+     */
+    validateNewPost() {
+      if (this.$serve.checkName(this.title) &&
+        this.$serve.checkName(this.author)) {
+
+        if (typeof document.getElementById('image').files[0] !== "undefined") {
+          this.checkNewPost();
+
+        } else {
+          alert("Une photo de l'utilisateur doit être uploadée !");
+        }
+      }
+    },
+
+    /**
+     * CHECK NEW POST IF TITLE | TEXT ARE REFERENCED
+     */
+    checkNewPost() {
+      this.$serve.getData("/api/posts")
+        .then((posts) => {
+          let isReferenced = false;
+
+          for (let i = 0; i < posts.length; i++) {
+
+            if (posts[i].title === this.title) {
+              alert(this.title + " is not available !");
+              isReferenced = true;
+            }
+
+            if (posts[i].text === this.text) {
+              alert(this.text + " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.createPost(isReferenced);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * CREATE POST IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     */
+    createPost(isReferenced) {
+      if (!isReferenced) {
+        let post  = new FormData();
+        let image = document.getElementById('image').files[0];
+
+        post.append("title", this.title);
+        post.append("text", this.text);
+        post.append("image", image);
+        post.append("author", this.author);
+
+        this.$serve.postData("/api/posts", post)
+          .then(() => {
+            alert(post.get("title") + " created !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/CreateReview.vue b/src/components/CreateReview.vue
new file mode 100644
index 00000000..793509b2
--- /dev/null
+++ b/src/components/CreateReview.vue
@@ -0,0 +1,160 @@
+<template>
+
+  <!-- REVIEW CREATION ADMIN -->
+  <form method="post"
+    class="form width-lg container-60lg-50wd">
+    <ListElt :items="['text', 'score', 'article', 'user']">
+
+      <!-- Review Text -->
+      <template #item-1>
+        <FieldElt id="text"
+          type="textarea"
+          v-model:value="text"
+          info="Thanks for this article !"
+          @keyup.enter="validateNewReview()"
+          :min="parseInt('2')">
+          <template #legend>
+            Text
+          </template>
+          <template #label>
+            Indicate the review text
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Review Score -->
+      <template #item-2>
+        <FieldElt id="score"
+          v-model:value="score"
+          info=""
+          @keyup.enter="validateNewReview()"
+          type="number">
+          <template #legend>
+            Score
+          </template>
+          <template #label>
+            Indicate the review score
+          </template>
+        </FieldElt>
+      </template>
+
+      <!-- Review Article -->
+      <template #item-3>
+        <FieldElt id="article"
+          v-model:value="article"
+          info=""
+          @keyup.enter="validateNewReview()">
+          <template #legend>
+            Article
+          </template>
+          <template #label>
+            Choose the linked article
+          </template>
+        </FieldElt>
+      </template>
+      
+      <!-- Review User -->
+      <template #item-4>
+        <FieldElt id="user"
+          v-model:value="user"
+          info="">
+          <template #legend>
+            User
+          </template>
+          <template #label>
+            Choose the linked user
+          </template>
+        </FieldElt>
+      </template>
+    </ListElt>
+
+    <!-- Create Button -->
+    <BtnElt type="button"
+      content="Create"
+      @click="validateNewReview()" 
+      class="btn-green"/>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "CreateReview",
+
+  data() {
+    return {
+      text: "",
+      score: "",
+      article:"",
+      user: ""
+    }
+  },
+
+  methods: {
+    /**
+     * VALIDATE NEW REVIEW IF DATA ARE VALID
+     */
+    validateNewReview() {
+      if (this.$serve.checkName(this.text) && 
+        this.$serve.checkArticle(this.article) && 
+        this.$serve.checkPass(this.pass)) {
+
+        if (typeof document.getElementById('user').files[0] !== "undefined") {
+          this.checkNewReview();
+
+        } else {
+          alert("Une photo de l'utilisateur doit être uploadée !");
+        }
+      }
+    },
+
+    /**
+     * CHECK NEW REVIEW IF NAME | EMAIL ARE REFERENCED
+     */
+    checkNewReview() {
+      this.$serve.getData("/api/reviews")
+        .then((reviews) => {
+          let isReferenced = false;
+
+          for (let i = 0; i < reviews.length; i++) {
+
+            if (reviews[i].text === this.text) {
+              alert(this.text + " is not available !");
+              isReferenced = true;
+            }
+
+            if (reviews[i].article === this.article) {
+              alert(this.article + " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.createReview(isReferenced);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * CREATE REVIEW IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     */
+    createReview(isReferenced) {
+      if (!isReferenced) {
+        let review  = new FormData();
+        let user = document.getElementById('user').files[0];
+
+        review.append("text", this.text);
+        review.append("article", this.article);
+        review.append("user", user);
+        review.append("pass", this.pass);
+
+        this.$serve.articleData("/api/reviews", review)
+          .then(() => {
+            alert(review.get("text") + " created !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/CreateUser.vue b/src/components/CreateUser.vue
index b1deff08..02456338 100644
--- a/src/components/CreateUser.vue
+++ b/src/components/CreateUser.vue
@@ -10,14 +10,14 @@
       <template #item-1>
         <FieldElt id="name"
           v-model:value="name"
-          info="Indicate the user name"
+          info="John Doe"
           @keyup.enter="validateNewUser()"
           :min="parseInt('2')">
           <template #legend>
             Name
           </template>
           <template #label>
-            Pseudo or first name
+            Indicate the user name
           </template>
         </FieldElt>
       </template>
@@ -26,14 +26,14 @@
       <template #item-2>
         <FieldElt id="email"
           v-model:value="email"
-          info="Indicate the user email"
+          info="john@doe.com"
           @keyup.enter="validateNewUser()"
           type="email">
           <template #legend>
             Email
           </template>
           <template #label>
-            A valid email please
+            Indicate the user email
           </template>
         </FieldElt>
       </template>
@@ -42,13 +42,13 @@
       <template #item-3>
         <FieldElt id="image"
           v-model:value="image"
-          info="Provide user image"
+          info="Image file only"
           type="file">
           <template #legend>
             Image
           </template>
           <template #label>
-            An image file please
+            Provide user image
           </template>
         </FieldElt>
       </template>
@@ -57,7 +57,7 @@
       <template #item-4>
         <FieldElt id="pass"
           v-model:value="pass"
-          info="Indicate the user password"
+          info="********"
           @keyup.enter="validateNewUser()"
           type="password">
           <template #legend>
@@ -85,8 +85,8 @@ export default {
   data() {
     return {
       name: "",
-      image:"",
       email: "",
+      image:"",
       pass: ""
     }
   },
diff --git a/src/components/ListArticles.vue b/src/components/ListArticles.vue
new file mode 100644
index 00000000..926f9f0c
--- /dev/null
+++ b/src/components/ListArticles.vue
@@ -0,0 +1,194 @@
+<template>
+
+  <!-- ARTICLE ADMIN MANAGER -->
+  <form method="post"
+    enctype="multipart/form-data">
+    <TableElt :items="articles"
+      id="articles">
+
+      <!-- Last Table Head -->
+      <template #head>
+        up/del
+      </template>
+
+      <!-- Current Article Image -->
+      <template #cell-_id="slotProps">
+        <MediaElt :src="'/img/articles/' + articles[slotProps.index].image"
+          :alt="'Photo de ' + articles[slotProps.index].name"
+          :title="articles[slotProps.index].image">
+        </MediaElt>
+      </template>
+
+      <!-- Article Name -->
+      <template #cell-name="slotProps">
+        <FieldElt :id="'name-' + articles[slotProps.index]._id"
+          v-model:value="getArticles()[slotProps.index].name"
+          info="Update the article name"
+          @keyup.enter="validateUpdatedArticle(articles[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <!-- Article Description -->
+      <template #cell-description="slotProps">
+        <FieldElt :id="'description-' + articles[slotProps.index]._id"
+          type="textarea"
+          v-model:value="getArticles()[slotProps.index].description"
+          info="Update the article description"
+          @keyup.enter="validateUpdatedArticle(articles[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <!-- Article Image -->
+      <template #cell-image="slotProps">
+        <FieldElt :id="'image-' + articles[slotProps.index]._id"
+          type="file"
+          info="Update the article image">
+        </FieldElt>
+      </template>
+
+      <!-- Article Price -->
+      <template #cell-price="slotProps">
+        <FieldElt :id="'price-' + articles[slotProps.index]._id"
+          type="number"
+          v-model:value="price"
+          info="Update the article price"
+          @keyup.enter="validateUpdatedArticle(articles[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <template #body="slotProps">
+
+      <!-- Update Button -->
+      <BtnElt type="button"
+          @click="validateUpdatedArticle(articles[slotProps.index]._id)" 
+          class="btn-sky"
+          :title="'Update ' + articles[slotProps.index].name">
+          <template #btn>
+            <i class="fa-solid fa-edit"></i>
+          </template>
+        </BtnElt>
+
+        <!-- Delete Button -->
+        <BtnElt type="button"
+          @click="deleteArticle(articles[slotProps.index]._id)" 
+          class="btn-red"
+          :title="'Delete ' + articles[slotProps.index].name">
+          <template #btn>
+            <i class="fa-solid fa-trash-alt"></i>
+          </template>
+        </BtnElt>
+      </template>
+    </TableElt>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "ListArticles",
+  props: ["articles"],
+
+  methods: {
+    /**
+     * GET ALL ARTICLES
+     */
+    getArticles() {
+      return this.articles;
+    },
+
+    validateUpdatedArticle(id) {
+      for (let i = 0; i < this.articles.length; i++ ) {
+        if (this.articles[i]._id === id) {
+
+          if (this.$serve.checkName(this.articles[i].name)) {
+
+            this.checkUpdatedArticle(i);
+          }
+        }
+      }
+    },
+
+    /**
+     * CHECK UPDATED ARTICLE IF NAME | DESCRIPTION ARE REFERENCED
+     * @param {number} i 
+     */
+    checkUpdatedArticle(i) {
+      this.$serve.getData("/api/articles")
+        .then((articles) => {
+          let isReferenced = false;
+
+          for (let j = 0; j < articles.length; j++) {
+            if (articles[j]._id === this.articles[i]._id) {
+              articles.splice(j, 1);
+            }
+
+            if (articles[j] && articles[j].name === this.articles[i].name) {
+              alert(this.articles[i].name + " is not available !");
+              isReferenced = true;
+            }
+
+            if (articles[j] && articles[j].description === this.articles[i].description) {
+              alert(this.articles[i].description+ " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.updateArticle(isReferenced, i);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * UPDATE ARTICLE IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     * @param {number} i 
+     */
+    updateArticle(isReferenced, i) {
+      if (!isReferenced) {
+
+        let article  = new FormData();
+        let image = document.getElementById('image-' + this.articles[i]._id).files[0];
+
+        if (typeof image === "undefined") {
+          image = this.articles[i].image;
+        }
+
+        article.append("id", this.articles[i]._id);
+        article.append("name", this.articles[i].name);
+        article.append("description", this.articles[i].description);
+        article.append("image", image);
+        article.append("price", this.price);
+
+        this.$serve.putData(`/api/articles/${article.get("id")}`, article)
+          .then(() => {
+            alert(article.get("name") + " updated !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    },
+
+    /**
+     * DELETE ARTICLE
+     * @param {string} id 
+     */
+    deleteArticle(id) {
+      let articleName = "";
+
+      for (let i = 0; i < this.articles.length; i++ ) {
+        if (this.articles[i]._id === id) {
+          articleName = this.articles[i].name;
+        }
+      }
+      
+      if (confirm(`Delete ${articleName} ?`) === true) {
+        this.$serve.deleteData(`/api/articles/${id}`)
+          .then(() => {
+            alert(articleName + " deleted !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/ListComments.vue b/src/components/ListComments.vue
new file mode 100644
index 00000000..291b79db
--- /dev/null
+++ b/src/components/ListComments.vue
@@ -0,0 +1,99 @@
+<template>
+
+  <!-- COMMENT ADMIN MANAGER -->
+  <form method="post">
+    <TableElt :items="comments"
+      id="comments">
+
+      <!-- Last Table Head -->
+      <template #head>
+        up/del
+      </template>
+
+      <!-- Comment Text -->
+      <template #cell-text="slotProps">
+        <FieldElt :id="'text-' + comments[slotProps.index]._id"
+          v-model:value="getComments()[slotProps.index].text"
+          info="Update the comment text"
+          @keyup.enter="updateComment(comments[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <template #body="slotProps">
+
+      <!-- Update Button -->
+      <BtnElt type="button"
+          @click="updateComment(comments[slotProps.index]._id)" 
+          class="btn-sky"
+          :title="'Update ' + comments[slotProps.index].text">
+          <template #btn>
+            <i class="fa-solid fa-edit"></i>
+          </template>
+        </BtnElt>
+
+        <!-- Delete Button -->
+        <BtnElt type="button"
+          @click="deleteComment(comments[slotProps.index]._id)" 
+          class="btn-red"
+          :title="'Delete ' + comments[slotProps.index].text">
+          <template #btn>
+            <i class="fa-solid fa-trash-alt"></i>
+          </template>
+        </BtnElt>
+      </template>
+    </TableElt>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "ListComments",
+  props: ["comments"],
+
+  methods: {
+    /**
+     * GET ALL COMMENTS
+     */
+    getComments() {
+      return this.comments;
+    },
+
+    /**
+     * UPDATE COMMENT
+     * @param {string} id 
+     */
+    updateComment(id) {
+      for (let i = 0; i < this.comments.length; i++ ) {
+        if (this.comments[i]._id === id) {
+
+          let comment = new FormData();
+          comment.append("id", id);
+          comment.append("text", this.comments[i].text);
+
+          this.$serve.putData(`/api/comments/${id}`, comment)
+            .then(() => {
+              alert(`Comment #${id} updated !`);
+              this.$router.go();
+            })
+            .catch(err => { console.log(err) });
+        }
+      }
+    },
+
+    /**
+     * DELETE COMMENT
+     * @param {string} id 
+     */
+    deleteComment(id) {
+      if (confirm(`Delete comment #${id} ?`) === true) {
+        this.$serve.deleteData(`/api/comments/${id}`)
+          .then(() => {
+            alert(`Comment #${id} deleted !`);
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/ListPosts.vue b/src/components/ListPosts.vue
new file mode 100644
index 00000000..eb53fb38
--- /dev/null
+++ b/src/components/ListPosts.vue
@@ -0,0 +1,193 @@
+<template>
+
+  <!-- POST ADMIN MANAGER -->
+  <form method="post"
+    enctype="multipart/form-data">
+    <TableElt :items="posts"
+      id="posts">
+
+      <!-- Last Table Head -->
+      <template #head>
+        up/del
+      </template>
+
+      <!-- Current Post Image -->
+      <template #cell-_id="slotProps">
+        <MediaElt :src="'/img/posts/' + posts[slotProps.index].image"
+          :alt="'Photo de ' + posts[slotProps.index].title"
+          :title="posts[slotProps.index].image">
+        </MediaElt>
+      </template>
+
+      <!-- Post Title -->
+      <template #cell-title="slotProps">
+        <FieldElt :id="'title-' + posts[slotProps.index]._id"
+          v-model:value="getPosts()[slotProps.index].title"
+          info="Update the post title"
+          @keyup.enter="validateUpdatedPost(posts[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <!-- Post Text -->
+      <template #cell-text="slotProps">
+        <FieldElt :id="'text-' + posts[slotProps.index]._id"
+          type="text"
+          v-model:value="getPosts()[slotProps.index].text"
+          info="Update the post text"
+          @keyup.enter="validateUpdatedPost(posts[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <!-- Post Image -->
+      <template #cell-image="slotProps">
+        <FieldElt :id="'image-' + posts[slotProps.index]._id"
+          type="file"
+          info="Update the post image">
+        </FieldElt>
+      </template>
+
+      <!-- Post Author -->
+      <template #cell-author="slotProps">
+        <FieldElt :id="'author-' + posts[slotProps.index]._id"
+          v-model:value="author"
+          info="Update the post authorword"
+          @keyup.enter="validateUpdatedPost(posts[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <template #body="slotProps">
+
+      <!-- Update Button -->
+      <BtnElt type="button"
+          @click="validateUpdatedPost(posts[slotProps.index]._id)" 
+          class="btn-sky"
+          :title="'Update ' + posts[slotProps.index].title">
+          <template #btn>
+            <i class="fa-solid fa-edit"></i>
+          </template>
+        </BtnElt>
+
+        <!-- Delete Button -->
+        <BtnElt type="button"
+          @click="deletePost(posts[slotProps.index]._id)" 
+          class="btn-red"
+          :title="'Delete ' + posts[slotProps.index].title">
+          <template #btn>
+            <i class="fa-solid fa-trash-alt"></i>
+          </template>
+        </BtnElt>
+      </template>
+    </TableElt>
+  </form>
+</template>
+
+<script>
+export default {
+  title: "ListPosts",
+  props: ["posts"],
+
+  methods: {
+    /**
+     * GET ALL POSTS
+     */
+    getPosts() {
+      return this.posts;
+    },
+
+    validateUpdatedPost(id) {
+      for (let i = 0; i < this.posts.length; i++ ) {
+        if (this.posts[i]._id === id) {
+
+          if (this.$serve.checkName(this.posts[i].title)) {
+
+            this.checkUpdatedPost(i);
+          }
+        }
+      }
+    },
+
+    /**
+     * CHECK UPDATED POST IF NAME | EMAIL ARE REFERENCED
+     * @param {number} i 
+     */
+    checkUpdatedPost(i) {
+      this.$serve.getData("/api/posts")
+        .then((posts) => {
+          let isReferenced = false;
+
+          for (let j = 0; j < posts.length; j++) {
+            if (posts[j]._id === this.posts[i]._id) {
+              posts.splice(j, 1);
+            }
+
+            if (posts[j] && posts[j].title === this.posts[i].title) {
+              alert(this.posts[i].title + " is not available !");
+              isReferenced = true;
+            }
+
+            if (posts[j] && posts[j].text === this.posts[i].text) {
+              alert(this.posts[i].text+ " is already referenced !");
+              isReferenced = true;
+            }
+          }
+
+          this.updatePost(isReferenced, i);
+        })
+        .catch(err => { console.log(err) });
+    },
+
+    /**
+     * UPDATE POST IF NO INFO IS REFERENCED
+     * @param {boolean} isReferenced 
+     * @param {number} i 
+     */
+    updatePost(isReferenced, i) {
+      if (!isReferenced) {
+
+        let post  = new FormData();
+        let image = document.getElementById('image-' + this.posts[i]._id).files[0];
+
+        if (typeof image === "undefined") {
+          image = this.posts[i].image;
+        }
+
+        post.append("id", this.posts[i]._id);
+        post.append("title", this.posts[i].title);
+        post.append("text", this.posts[i].text);
+        post.append("image", image);
+        post.append("author", this.author);
+
+        this.$serve.putData(`/api/posts/${post.get("id")}`, post)
+          .then(() => {
+            alert(post.get("title") + " updated !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    },
+
+    /**
+     * DELETE POST
+     * @param {string} id 
+     */
+    deletePost(id) {
+      let postTitle = "";
+
+      for (let i = 0; i < this.posts.length; i++ ) {
+        if (this.posts[i]._id === id) {
+          postTitle = this.posts[i].title;
+        }
+      }
+      
+      if (confirm(`Delete ${postTitle} ?`) === true) {
+        this.$serve.deleteData(`/api/posts/${id}`)
+          .then(() => {
+            alert(postTitle + " deleted !");
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
diff --git a/src/components/ListReviews.vue b/src/components/ListReviews.vue
new file mode 100644
index 00000000..140bdb5d
--- /dev/null
+++ b/src/components/ListReviews.vue
@@ -0,0 +1,110 @@
+<template>
+
+  <!-- REVIEW ADMIN MANAGER -->
+  <form method="post">
+    <TableElt :items="reviews"
+      id="reviews">
+
+      <!-- Last Table Head -->
+      <template #head>
+        up/del
+      </template>
+
+      <!-- Review Text -->
+      <template #cell-text="slotProps">
+        <FieldElt :id="'text-' + reviews[slotProps.index]._id"
+          v-model:value="getReviews()[slotProps.index].text"
+          info="Update the review text"
+          @keyup.enter="updateReview(reviews[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <!-- Review Score -->
+      <template #cell-score="slotProps">
+        <FieldElt :id="'score-' + reviews[slotProps.index]._id"
+          type="number"
+          v-model:value="getReviews()[slotProps.index].score"
+          info="Update the review score"
+          @keyup.enter="updateReview(reviews[slotProps.index]._id)">
+        </FieldElt>
+      </template>
+
+      <template #body="slotProps">
+
+      <!-- Update Button -->
+      <BtnElt type="button"
+          @click="updateReview(reviews[slotProps.index]._id)" 
+          class="btn-sky"
+          :title="'Update ' + reviews[slotProps.index].text">
+          <template #btn>
+            <i class="fa-solid fa-edit"></i>
+          </template>
+        </BtnElt>
+
+        <!-- Delete Button -->
+        <BtnElt type="button"
+          @click="deleteReview(reviews[slotProps.index]._id)" 
+          class="btn-red"
+          :title="'Delete ' + reviews[slotProps.index].text">
+          <template #btn>
+            <i class="fa-solid fa-trash-alt"></i>
+          </template>
+        </BtnElt>
+      </template>
+    </TableElt>
+  </form>
+</template>
+
+<script>
+export default {
+  name: "ListReviews",
+  props: ["reviews"],
+
+  methods: {
+    /**
+     * GET ALL REVIEWS
+     */
+    getReviews() {
+      return this.reviews;
+    },
+
+    /**
+     * UPDATE REVIEW
+     * @param {string} id 
+     */
+    updateReview(id) {
+      for (let i = 0; i < this.reviews.length; i++ ) {
+        if (this.reviews[i]._id === id) {
+
+          let review = new FormData();
+          review.append("id", this.reviews[i]._id);
+          review.append("text", this.reviews[i].text);
+          review.append("score", this.reviews[i].score);
+
+          this.$serve.putData(`/api/reviews/${id}`, review)
+            .then(() => {
+              alert(`Review #${id} updated !`);
+              this.$router.go();
+            })
+            .catch(err => { console.log(err) });
+        }
+      }
+    },
+
+    /**
+     * DELETE REVIEW
+     * @param {string} id 
+     */
+    deleteReview(id) {
+      if (confirm(`Delete review #${id} ?`) === true) {
+        this.$serve.deleteData(`/api/reviews/${id}`)
+          .then(() => {
+            alert(`Review #${id} deleted !`);
+            this.$router.go();
+          })
+          .catch(err => { console.log(err) });
+      }
+    }
+  }
+}
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index d2a057b7..fc9e257b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,8 @@
 import { createRouter, createWebHistory } from "vue-router";
+
 import HomeView from "../views/HomeView";
+import ShopView from "../views/ShopView";
+import BlogView from "../views/BlogView";
 import ContactView from "../views/ContactView";
 import LoginView from "../views/LoginView";
 import AdminView from "../views/AdminView";
@@ -12,6 +15,16 @@ const routes = [
     component: HomeView,
     alias: ["/home"]
   },
+  {
+    path: "/shop",
+    name: "shop",
+    component: ShopView
+  },
+  {
+    path: "/blog",
+    name: "blog",
+    component: BlogView
+  },
   {
     path: "/contact",
     name: "contact",
diff --git a/src/views/AdminView.vue b/src/views/AdminView.vue
index ee655deb..fa69c25d 100644
--- a/src/views/AdminView.vue
+++ b/src/views/AdminView.vue
@@ -7,16 +7,50 @@
       <h1 class="blue anima-slideB">
         Admin
       </h1>
+      
+      <p>Under construction !</p>
 
       <!-- Sidebar -->
       <NavElt class="sidebar">
         <template #first>
+          <a href="#article"
+            title="Create an article">
+            <i class="fas fa-basket-shopping fa-fw"></i>
+          </a>
+          <a href="#articles"
+            title="Manage articles">
+            <i class="fas fa-cart-shopping fa-fw"></i>
+          </a>
+          <a href="#review"
+            title="Create a review">
+            <i class="fas fa-check fa-fw"></i>
+          </a>
+          <a href="#reviews"
+            title="Manage reviews">
+            <i class="fas fa-list-check fa-fw"></i>
+          </a>
+          <a href="#post"
+            title="Create a post">
+            <i class="fas fa-envelope fa-fw"></i>
+          </a>
+          <a href="#posts"
+            title="Manage posts">
+            <i class="fas fa-envelopes-bulk fa-fw"></i>
+          </a>
+          <a href="#comment"
+            title="Create a comment">
+            <i class="fas fa-comment fa-fw"></i>
+          </a>
+          <a href="#comments"
+            title="Manage comments">
+            <i class="fas fa-comments fa-fw"></i>
+          </a>
           <a href="#user"
             title="Create a user">
             <i class="fas fa-user fa-fw"></i>
           </a>
           <a href="#users"
-            title="Set users">
+            title="Manage users">
             <i class="fas fa-users fa-fw"></i>
           </a>
         </template>
@@ -29,6 +63,74 @@
 
     <template #body>
 
+      <!-- Article Part -->
+      <CardElt>
+        <template #header>
+          <i class="fa-solid fa-cart-shopping fa-2x"></i>
+          <h2 id="article">
+            Articles
+          </h2>
+        </template>
+
+        <template #body>
+          <CreateArticle />
+
+          <ListArticles v-if="articles.length > 0"
+            :articles="articles"/>
+        </template>
+      </CardElt>
+
+      <!-- Review Part -->
+      <CardElt>
+        <template #header>
+          <i class="fa-solid fa-list-check fa-2x"></i>
+          <h2 id="review">
+            Reviews
+          </h2>
+        </template>
+
+        <template #body>
+          <CreateReview />
+
+          <ListReviews v-if="reviews.length > 0"
+            :reviews="reviews"/>
+        </template>
+      </CardElt>
+
+      <!-- Post Part -->
+      <CardElt>
+        <template #header>
+          <i class="fa-solid fa-envelopes-bulk fa-2x"></i>
+          <h2 id="post">
+            Posts
+          </h2>
+        </template>
+
+        <template #body>
+          <CreatePost />
+
+          <ListPosts v-if="posts.length > 0"
+            :posts="posts"/>
+        </template>
+      </CardElt>
+
+      <!-- Comment Part -->
+      <CardElt>
+        <template #header>
+          <i class="fa-solid fa-comments fa-2x"></i>
+          <h2 id="comment">
+            Comments
+          </h2>
+        </template>
+
+        <template #body>
+          <CreateComment />
+
+          <ListComments v-if="comments.length > 0"
+            :comments="comments"/>
+        </template>
+      </CardElt>
+
       <!-- User Part -->
       <CardElt>
         <template #header>
@@ -50,18 +152,38 @@
 </template>
 
 <script>
+import CreateArticle from "@/components/CreateArticle"
+import ListArticles from "@/components/ListArticles"
+import CreateReview from "@/components/CreateReview"
+import ListReviews from "@/components/ListReviews"
+import CreateComment from "@/components/CreateComment"
+import ListComments from "@/components/ListComments"
+import CreatePost from "@/components/CreatePost"
+import ListPosts from "@/components/ListPosts"
 import CreateUser from "@/components/CreateUser"
 import ListUsers from "@/components/ListUsers"
 
 export default {
   name: "AdminView",
   components: {
+    CreateArticle,
+    ListArticles,
+    CreateReview,
+    ListReviews,
+    CreateComment,
+    ListComments,
+    CreatePost,
+    ListPosts,
     CreateUser,
     ListUsers
   },
 
   data() {
     return {
+      articles: [],
+      reviews: [],
+      comments: [],
+      posts: [],
       users: []
     }
   },
@@ -69,6 +191,22 @@ export default {
   beforeMount () {
     if (localStorage.userId) {
 
+      this.$serve.getData("/api/articles")
+        .then(res => { this.articles = res })
+        .catch(err => { console.log(err) });
+
+      this.$serve.getData("/api/reviews")
+        .then(res => { this.reviews = res })
+        .catch(err => { console.log(err) });
+      
+      this.$serve.getData("/api/comments")
+        .then(res => { this.comments = res })
+        .catch(err => { console.log(err) });
+
+      this.$serve.getData("/api/posts")
+        .then(res => { this.posts = res })
+        .catch(err => { console.log(err) });
+
       this.$serve.getData("/api/users")
         .then(res => { this.users = res })
         .catch(err => { console.log(err) });
diff --git a/src/views/ArticleView.vue b/src/views/ArticleView.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/views/BlogView.vue b/src/views/BlogView.vue
new file mode 100644
index 00000000..ac4aea11
--- /dev/null
+++ b/src/views/BlogView.vue
@@ -0,0 +1,5 @@
+<template>
+  <h1>Blog View</h1>
+
+  <p>Under construction !</p>
+</template>
diff --git a/src/views/PostView.vue b/src/views/PostView.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/views/ShopView.vue b/src/views/ShopView.vue
new file mode 100644
index 00000000..d790e0fd
--- /dev/null
+++ b/src/views/ShopView.vue
@@ -0,0 +1,5 @@
+<template>
+  <h1>Shop View</h1>
+
+  <p>Under construction !</p>
+</template>