diff --git a/Index.html b/Index.html new file mode 100644 index 00000000..4f20e2f5 --- /dev/null +++ b/Index.html @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + Blog Api + + + +
+ +
+ +
+
+ +
+
+ +
+
+ + +
+ + +
+ + + diff --git a/assets/img/cross-delete-or-close-circular-button-interface-symbol.png b/assets/img/cross-delete-or-close-circular-button-interface-symbol.png new file mode 100644 index 00000000..f43a197c Binary files /dev/null and b/assets/img/cross-delete-or-close-circular-button-interface-symbol.png differ diff --git a/assets/img/pen.png b/assets/img/pen.png new file mode 100644 index 00000000..993c2af4 Binary files /dev/null and b/assets/img/pen.png differ diff --git a/assets/img/pencil-on-a-square-outline.png b/assets/img/pencil-on-a-square-outline.png new file mode 100644 index 00000000..9332339f Binary files /dev/null and b/assets/img/pencil-on-a-square-outline.png differ diff --git a/assets/img/postImg/post-img-1.jpeg b/assets/img/postImg/post-img-1.jpeg new file mode 100644 index 00000000..ee9f45b5 Binary files /dev/null and b/assets/img/postImg/post-img-1.jpeg differ diff --git a/assets/img/postImg/post-img-10.jpeg b/assets/img/postImg/post-img-10.jpeg new file mode 100644 index 00000000..4480c9de Binary files /dev/null and b/assets/img/postImg/post-img-10.jpeg differ diff --git a/assets/img/postImg/post-img-11.jpeg b/assets/img/postImg/post-img-11.jpeg new file mode 100644 index 00000000..eff5401f Binary files /dev/null and b/assets/img/postImg/post-img-11.jpeg differ diff --git a/assets/img/postImg/post-img-12.jpeg b/assets/img/postImg/post-img-12.jpeg new file mode 100644 index 00000000..188f1efd Binary files /dev/null and b/assets/img/postImg/post-img-12.jpeg differ diff --git a/assets/img/postImg/post-img-2.jpeg b/assets/img/postImg/post-img-2.jpeg new file mode 100644 index 00000000..2bbb9ef6 Binary files /dev/null and b/assets/img/postImg/post-img-2.jpeg differ diff --git a/assets/img/postImg/post-img-3.jpeg b/assets/img/postImg/post-img-3.jpeg new file mode 100644 index 00000000..760d7e96 Binary files /dev/null and b/assets/img/postImg/post-img-3.jpeg differ diff --git a/assets/img/postImg/post-img-4.jpeg b/assets/img/postImg/post-img-4.jpeg new file mode 100644 index 00000000..898b4fd6 Binary files /dev/null and b/assets/img/postImg/post-img-4.jpeg differ diff --git a/assets/img/postImg/post-img-5.jpeg b/assets/img/postImg/post-img-5.jpeg new file mode 100644 index 00000000..d8c6d01d Binary files /dev/null and b/assets/img/postImg/post-img-5.jpeg differ diff --git a/assets/img/postImg/post-img-6.jpeg b/assets/img/postImg/post-img-6.jpeg new file mode 100644 index 00000000..21e9710a Binary files /dev/null and b/assets/img/postImg/post-img-6.jpeg differ diff --git a/assets/img/postImg/post-img-7.jpeg b/assets/img/postImg/post-img-7.jpeg new file mode 100644 index 00000000..eef68450 Binary files /dev/null and b/assets/img/postImg/post-img-7.jpeg differ diff --git a/assets/img/postImg/post-img-8.jpeg b/assets/img/postImg/post-img-8.jpeg new file mode 100644 index 00000000..0c3bfdad Binary files /dev/null and b/assets/img/postImg/post-img-8.jpeg differ diff --git a/assets/img/postImg/post-img-9.jpeg b/assets/img/postImg/post-img-9.jpeg new file mode 100644 index 00000000..69627fa4 Binary files /dev/null and b/assets/img/postImg/post-img-9.jpeg differ diff --git a/assets/img/user imgs/user-icon.png b/assets/img/user imgs/user-icon.png new file mode 100644 index 00000000..65110d66 Binary files /dev/null and b/assets/img/user imgs/user-icon.png differ diff --git a/assets/img/user imgs/user1(1).jpg b/assets/img/user imgs/user1(1).jpg new file mode 100644 index 00000000..f02b07ac Binary files /dev/null and b/assets/img/user imgs/user1(1).jpg differ diff --git a/assets/img/user imgs/user1(2).jpg b/assets/img/user imgs/user1(2).jpg new file mode 100644 index 00000000..6e3f01fa Binary files /dev/null and b/assets/img/user imgs/user1(2).jpg differ diff --git a/assets/img/user imgs/user1(3).jpg b/assets/img/user imgs/user1(3).jpg new file mode 100644 index 00000000..e36a1a08 Binary files /dev/null and b/assets/img/user imgs/user1(3).jpg differ diff --git a/assets/modals.css b/assets/modals.css new file mode 100644 index 00000000..e984b05d --- /dev/null +++ b/assets/modals.css @@ -0,0 +1,74 @@ +:root { + --color-ppl: #e4dfda; + --color-secundario: #3c7595; + --color-details: #4595a5; + --color-details2: #f89335; +} +body, +header { + background-color: var(--color-ppl); + font-family: "Literata", serif; +} +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 150%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; + cursor: pointer; +} +.form-control { + display: block; + width: 95%; + padding: 1rem 1.5rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.modal-footer { + display: flex; +} +#text-com { + vertical-align: text-top; +} + +/*MODAL EDIT*/ +#footerCard { + display: inline-flex; + flex-direction: row; +} +.btn-secondary, +.btnCloseEdit { + margin-top: 3%; + margin-right: 10%; + color: #fff; + background-color: var(--color-details2); + border-color: #6c757d; +} +/*COMMENTS MODAL*/ +.modal-header { + display: flex; + flex-direction: column-reverse; +} +/*BTN COMMENTS*/ +.btn-primary-com { + margin-top: 3%; + vertical-align: text-bottom; + color: var(--color-ppl); + background-color: var(--color-secundario); + text-align: center; +} diff --git a/assets/script.js b/assets/script.js new file mode 100644 index 00000000..513936b9 --- /dev/null +++ b/assets/script.js @@ -0,0 +1,290 @@ +var btnDeletePost = undefined; +arrayIdsDelete = []; +let start; + +window.onload = init(); +var totalPost = 0; + +function init() { + if (start == undefined) { + start = 0; + } + postsFetchFun(start); +} +const buttonNext = document.getElementById("carousel-control-next-a"); +const buttonPrev = document.getElementById("carousel-control-prev-a"); +buttonNext.addEventListener("click", nextPost); +buttonPrev.addEventListener("click", prevPost); + +function nextPost() { + start = start + 6; + if (start > totalPost) { + start = 0; + } + postsFetchFun(start); +} + +function prevPost() { + start = start - 6; + if (start < 0) { + start = totalPost - 6; + } + console.log(start); + postsFetchFun(start); +} + +function postsFetchFun(start) { + var requestOptions = { + method: "GET", + redirect: "follow", + }; + console.log(start); + console.log(totalPost); + var limit = 6; + var urlPosts = + "http://localhost:3000/posts?_start=" + start + "&_limit=" + limit + ""; + fetch(urlPosts, requestOptions) + .then((response) => { + totalPost = response.headers.get("X-Total-Count"); + return response.text(); + }) + .then((result) => { + console.log(start); + console.log(totalPost); + let data = JSON.parse(result); + updatePostsList(data); + }) + .catch((error) => console.log("error", error)); +} +var img = document.createElement("img"); +img.src = "http://www.google.com/intl/en_com/images/logo_plain.png"; + +var src = document.getElementById("header"); +// src.appendChild(img); + +function updatePostsList(data) { + let parent = document.getElementById("container-card-a"); + while (parent.firstChild) { + parent.removeChild(parent.firstChild); + } + data.forEach((post) => { + var irandom = Math.floor(Math.random() * imagesArr.length); + console.log(irandom); + if (arrayIdsDelete.includes(post.id + "")) { + return; + } + let div1 = document.createElement("div"); + div1.innerHTML = + `
+
+ +
+
+
` + + post.title + + `
+

` + + post.body + + `

+
+ + +
+
`; + div1.setAttribute("class", "col"); + div1.setAttribute("id", "User-container-" + post.id); + div1.setAttribute("data-bs-toggle", "modal"); + div1.setAttribute("data-bs-target", "#staticBackdrop"); + parent.appendChild(div1); + + btnDeletePost = document.getElementById("btnDeletePost" + post.id); + btnDeletePost.addEventListener("click", function () { + deletePost(post.id); + }); + var editPost = document.getElementById("editPost" + post.id); + editPost.addEventListener("click", function () { + editPostModal(post.id); + }); + + modalEvent = document.getElementById("showDescriptionModal" + post.id); + modalEvent.addEventListener("click", function () { + myModal = document.getElementById("staticBackdropLabel"); + console.log(myModal); + findUserFetchFun(post); + }); + }); +} + +function findUserFetchFun(post) { + var requestOptions = { + method: "GET", + redirect: "follow", + }; + var urlFetch = "http://localhost:3000/users/" + post.userId; + fetch(urlFetch, requestOptions) + .then((response) => response.text()) + .then((result) => { + let data = JSON.parse(result); + console.log(data); + //createModal(post, data) + modalContent(post, data); + }) + .catch((error) => console.log("error", error)); +} + +function modalContent(post, data) { + document.getElementById("staticBackdropLabel").innerHTML = ` +
+
+
+ ... +
+
+
+
${post.title}
+

${data.name}

+

${data.email}

+
+
+
+
`; + // document.getElementById("staticBackdropLabel").textContent = post.title; + // document.getElementById("staticBackdropLabel").textContent += " " + data.name; + // document.getElementById("staticBackdropLabel").textContent +=" " + data.email; + document.getElementById("modal-content").textContent = post.body; + button1 = document.getElementById("comments-button"); + button1.addEventListener("click", function () { + findCommentsFetchFun(post); + }); +} + +function findCommentsFetchFun(post) { + var requestOptions = { + method: "GET", + redirect: "follow", + }; + var urlFetch = "http://localhost:3000/comments?postId=" + post.id; + fetch(urlFetch, requestOptions) + .then((response) => response.text()) + .then((result) => { + let comments = JSON.parse(result); + createCommentsFun(comments); + }) + .catch((error) => console.log("error", error)); +} + +function createCommentsFun(comments) { + let commentsContainer; + buttonDiv = document.querySelector(".modal-body"); + if (document.getElementById("modal-comments-a")) { + buttonDiv.removeChild(buttonDiv.lastChild); + } + commentsContainer = document.createElement("div"); + commentsContainer.setAttribute("id", "modal-comments-a"); + commentsContainer.setAttribute("class", "modal-body"); + buttonDiv.appendChild(commentsContainer); + + comments.forEach((comment) => { + let commentDiv = document.createElement("div"); + commentDiv.innerHTML = + ` +
+
+ ` + + comment.name + + ` +
+
+
+

` + + comment.body + + `

+
` + + "Anonimous" + + `` + + comment.email + + `
+
+
+
`; + commentsContainer.appendChild(commentDiv); + }); +} + +function deletePost(id) { + var urlFetch = "http://localhost:3000/posts/" + id; + fetch(urlFetch, { + method: "DELETE", + }).catch((error) => console.log("error", error)); + // var card = document.getElementById("card" + id); + // card.remove(); + + // arrayIdsDelete.push(id); + // console.log(arrayIdsDelete); + + // btnDeletePost1 + // console.log("el id es " + id); + // console.log("el id numerico es " + id); + // document.querySelector(post.title) + // fetch("http://localhost:3000/post/", { + // method: "DELETE", + + // }) +} + +function editPostModal(id) { + var title = document.getElementById("title" + id); + var body = document.getElementById("body" + id); + var modalTitle = document.getElementById("exampleFormControlInput1"); + var modalBody = document.getElementById("exampleFormControlTextarea1"); + var btnSaveEdit = document.getElementById("btnSaveEdit"); + + btnSaveEdit.value = id; + modalTitle.value = title.innerHTML; + modalBody.value = body.innerHTML; +} + +btnSaveEdit.addEventListener("click", function () { + var modalTitle = document.getElementById("exampleFormControlInput1"); + var modalBody = document.getElementById("exampleFormControlTextarea1"); + var urlFetch = "http://localhost:3000/posts/" + this.value; + fetch(urlFetch, { + method: "PATCH", + body: JSON.stringify({ + title: modalTitle.value, + body: modalBody.value, + }), + headers: { + "Content-type": "application/json; charset=UTF-8", + }, + }); +}); + +// let photo = card[index].queryselector("img").src =`https://picsum.photos/id/${index+10+index}/300` +// let arrayImg=[ +// {img: "assets/img/user-icon.png", text: "example 1"}, +// {img: "assets/img/user1(1).jpg", text: "Example 2"}, +// {img: "assets/img/user1(2).jpg", text: "Example 3"}, +// ]; +// arrayImg.addEventListener("load", function randomPhoto(){ +// var i = Math.floor(Math.random()*imagenes.length); +// document.getElementById("photo").innerHTML = ""; +// }); + +imagesArr = [ + "post-img-1.jpeg", + "post-img-2.jpeg", + "post-img-3.jpeg", + "post-img-4.jpeg", + "post-img-5.jpeg", + "post-img-6.jpeg", + "post-img-7.jpeg", + "post-img-8.jpeg", + "post-img-9.jpeg", + "post-img-10.jpeg", + "post-img-11.jpeg", + "post-img-12.jpeg", +]; \ No newline at end of file diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 00000000..f4a7e199 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,211 @@ +/*60 - 30 - 10*/ +:root { + --color-ppl: #e4dfda; + --color-secundario: #3c7595; + --color-details: #4595a5; + --color-details2: #f89335; +} +body, +header { + margin: auto; + max-width: 100vh; + background-color: var(--color-ppl); + font-family: "Literata", serif; +} +/* MODAL */ +.modalTransparent { + position: absolute; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-content: center; + left: 0; + top: 0; + width: 100vw; + height: 100vh; + z-index: 1; + background-color: rgb(0, 0, 0, 0.5); +} +.modalSmall { + width: 65%; + height: 65%; + background-color: #cec4c1b2; + border-radius: 10px; + z-index: 10; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-content: center; +} +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-lg, +.navbar > .container-md, +.navbar > .container-sm, +.navbar > .container-xl, +.navbar > .container-xxl { + display: flex; + flex-wrap: nowrap; + align-items: center; + justify-content: center; + flex-direction: row; + align-content: space-around; + background-color: var(--color-details2); +} +li { + display: inline-flex; + text-align: end; + flex-direction: row; + justify-content: center; + flex-wrap: nowrap; + padding-left: 100px; + font-size: 20px; + color: var(--color-ppl); +} +.myBlog { + display: flex; + flex-direction: column; + background-color: var(--color-secundario); + justify-content: center; + margin: 1% 3%; + padding: 60px 50px; +} +.banner-Blog { + background-color: var(--color-secundario); + margin-bottom: 3%; + margin-top: 3%; + color: var(--letter-color); +} +.textBlog { + display: flex; + justify-content: center; + font-size: 10vw; + padding-top: 3%; + margin-bottom: 0%; + font-weight: 800; +} +.textBlog-1 { + display: flex; + justify-content: flex-end; + font-size: 3vw; + margin-bottom: 0%; + padding-top: 1%; +} +/*/CARDS/*/ +#container-card-a { + display: flex; + justify-content: center; + align-items: center; + padding: 2% 3% 0% 3%; +} +.card { + height: 300px; + display: flex; + position: relative; + flex-direction: column; + justify-content: center; + min-width: 20%; + margin-bottom: 2%; + padding: 3%; + text-align: justify; + word-wrap: break-word; + border-color: var(--color-details); + background-clip: border-box; + border-radius: 0.25rem; +} +.h-100:hover { + background-color: var(--color-details); +} +.card-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} +/*ICON CARD*/ +#imgUser { + display: block; + margin: auto; + height: 100%; + width: 100%; + /* height: 100%; */ + border-radius: 30%; + object-fit: cover; + background-color: var(--color-ppl); +} +#imgPost { + display: block; + margin: auto; + width: 100%; + height: 10vw; + /* height: 100%; */ + /* border: 1px solid rgb(11, 11, 12) ; */ + border-radius: 5%; + /* padding: 5%; */ + object-fit: cover; + background-color: var(--color-ppl); +} +h5 { + overflow: hidden; + font-size: 20px; + font-weight: 700; + padding-bottom: 2%; +} +.pCard { + font-size: 15px; + white-space: nowrap; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + /* border: 1px solid #000000; */ +} + +/*BUTTONS*/ +.btnPreNext { + display: flex; + justify-content: space-between; + height: 10%; + padding: 1% 6% 0%; +} +.btn-outline-primary { + color: var(--color-details2); + border-color: var(--color-details2); + background-color: white; + font-size: 150%; + font-weight: 800; + width: 15%; + padding: 1%; +} +.btn-outline-primary:hover { + color: var(--color-ppl); + background-color: var(--color-details2); + border-color: var(--color-details2); +} +/*btnDeletePost*/ +.btn-danger { + color: #fff; + background-image: url(); + background-color: var(--color-details2); + border-color: #dc3545; + float: right; + margin-top: 3%; + transform: translateX(-50%); +} +/*btnDelete*/ +.btn-primary { + color: #fff; + justify-content: center; + border-color: #0d6efd; + margin-top: 3%; + transform: translateX(-50%); +} +/*btnEdit*/ +.btnEdit { + margin-left: 25%; +} +/*ICONS DELETE / EDIT*/ +#btnIcons { + position: relative; + display: flex; + width: 25px; +} diff --git a/data/db.json b/db.json similarity index 93% rename from data/db.json rename to db.json index 7fcbe2a9..60a4e496 100644 --- a/data/db.json +++ b/db.json @@ -3,62 +3,48 @@ { "userId": 1, "id": 1, - "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", - "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto" - }, - { - "userId": 1, - "id": 2, - "title": "qui est esse", - "body": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla" - }, - { - "userId": 1, - "id": 3, - "title": "ea molestias quasi exercitationem repellat qui ipsa sit aut", - "body": "et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut" - }, - { - "userId": 1, - "id": 4, - "title": "eum et est occaecati", - "body": "ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure\nquis sunt voluptatem rerum illo velit" + "title": "Esto es un titulo en condiciones", + "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto", + "img": "post-img-1.jpeg" }, { "userId": 1, "id": 5, - "title": "nesciunt quas odio", - "body": "repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est\nvoluptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque" + "title": "Titulo con sentido", + "body": "repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est\nvoluptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque", + "img": "post-img-2.jpeg" }, { "userId": 1, "id": 6, - "title": "dolorem eum magni eos aperiam quia", - "body": "ut aspernatur corporis harum nihil quis provident sequi\nmollitia nobis aliquid molestiae\nperspiciatis et ea nemo ab reprehenderit accusantium quas\nvoluptate dolores velit et doloremque molestiae" + "title": "Enunciados con ganas", + "body": "ut aspernatur corporis harum nihil quis provident sequi\nmollitia nobis aliquid molestiae\nperspiciatis et ea nemo ab reprehenderit accusantium quas\nvoluptate dolores velit et doloremque molestiae", + "img": "post-img-3.jpeg" }, { "userId": 1, "id": 7, "title": "magnam facilis autem", - "body": "dolore placeat quibusdam ea quo vitae\nmagni quis enim qui quis quo nemo aut saepe\nquidem repellat excepturi ut quia\nsunt ut sequi eos ea sed quas" + "body": "dolore placeat quibusdam ea quo vitae\nmagni quis enim qui quis quo nemo aut saepe\nquidem repellat excepturi ut quia\nsunt ut sequi eos ea sed quas", +<<<<<<< HEAD + "img":"post-img-2.jpeg" +======= + "img": "post-img-2.jpeg" +>>>>>>> 5273169b09ab530749a37665b2e8dbdcfda5d5ad }, { "userId": 1, "id": 8, - "title": "dolorem dolore est ipsam", - "body": "dignissimos aperiam dolorem qui eum\nfacilis quibusdam animi sint suscipit qui sint possimus cum\nquaerat magni maiores excepturi\nipsam ut commodi dolor voluptatum modi aut vitae" - }, - { - "userId": 1, - "id": 9, - "title": "nesciunt iure omnis dolorem tempora et accusantium", - "body": "consectetur animi nesciunt iure dolore\nenim quia ad\nveniam autem ut quam aut nobis\net est aut quod aut provident voluptas autem voluptas" + "title": "Enunciado en condiciones", + "body": "dignissimos aperiam dolorem qui eum\nfacilis quibusdam animi sint suscipit qui sint possimus cum\nquaerat magni maiores excepturi\nipsam ut commodi dolor voluptatum modi aut vitae", + "img": "post-img-3.jpeg" }, { "userId": 1, "id": 10, "title": "optio molestias id quia eum", - "body": "quo et expedita modi cum officia vel magni\ndoloribus qui repudiandae\nvero nisi sit\nquos veniam quod sed accusamus veritatis error" + "body": "quo et expedita modi cum officia vel magni\ndoloribus qui repudiandae\nvero nisi sit\nquos veniam quod sed accusamus veritatis error", + "img": "post-img-1.jpeg" }, { "userId": 2, @@ -306,12 +292,6 @@ "title": "soluta aliquam aperiam consequatur illo quis voluptas", "body": "sunt dolores aut doloribus\ndolore doloribus voluptates tempora et\ndoloremque et quo\ncum asperiores sit consectetur dolorem" }, - { - "userId": 6, - "id": 52, - "title": "qui enim et consequuntur quia animi quis voluptate quibusdam", - "body": "iusto est quibusdam fuga quas quaerat molestias\na enim ut sit accusamus enim\ntemporibus iusto accusantium provident architecto\nsoluta esse reprehenderit qui laborum" - }, { "userId": 6, "id": 53, @@ -570,12 +550,6 @@ "title": "id minus libero illum nam ad officiis", "body": "earum voluptatem facere provident blanditiis velit laboriosam\npariatur accusamus odio saepe\ncumque dolor qui a dicta ab doloribus consequatur omnis\ncorporis cupiditate eaque assumenda ad nesciunt" }, - { - "userId": 10, - "id": 96, - "title": "quaerat velit veniam amet cupiditate aut numquam ut sequi", - "body": "in non odio excepturi sint eum\nlabore voluptates vitae quia qui et\ninventore itaque rerum\nveniam non exercitationem delectus aut" - }, { "userId": 10, "id": 97, @@ -607,6 +581,7 @@ "name": "Leanne Graham", "username": "Bret", "email": "Sincere@april.biz", + "img": "user1(1).jpg", "address": { "street": "Kulas Light", "suite": "Apt. 556", @@ -630,6 +605,7 @@ "name": "Ervin Howell", "username": "Antonette", "email": "Shanna@melissa.tv", + "img": "user1(2).jpg", "address": { "street": "Victor Plains", "suite": "Suite 879", @@ -653,6 +629,7 @@ "name": "Clementine Bauch", "username": "Samantha", "email": "Nathan@yesenia.net", + "img": "user1(3).jpg", "address": { "street": "Douglas Extension", "suite": "Suite 847", @@ -841,13 +818,6 @@ "email": "Eliseo@gardner.biz", "body": "laudantium enim quasi est quidem magnam voluptate ipsam eos\ntempora quo necessitatibus\ndolor quam autem quasi\nreiciendis et nam sapiente accusantium" }, - { - "postId": 1, - "id": 2, - "name": "quo vero reiciendis velit similique earum", - "email": "Jayne_Kuhic@sydney.com", - "body": "est natus enim nihil est dolore omnis voluptatem numquam\net omnis occaecati quod ullam at\nvoluptatem error expedita pariatur\nnihil sint nostrum voluptatem reiciendis et" - }, { "postId": 1, "id": 3, @@ -869,111 +839,6 @@ "email": "Hayden@althea.biz", "body": "harum non quasi et ratione\ntempore iure ex voluptates in ratione\nharum architecto fugit inventore cupiditate\nvoluptates magni quo et" }, - { - "postId": 2, - "id": 6, - "name": "et fugit eligendi deleniti quidem qui sint nihil autem", - "email": "Presley.Mueller@myrl.com", - "body": "doloribus at sed quis culpa deserunt consectetur qui praesentium\naccusamus fugiat dicta\nvoluptatem rerum ut voluptate autem\nvoluptatem repellendus aspernatur dolorem in" - }, - { - "postId": 2, - "id": 7, - "name": "repellat consequatur praesentium vel minus molestias voluptatum", - "email": "Dallas@ole.me", - "body": "maiores sed dolores similique labore et inventore et\nquasi temporibus esse sunt id et\neos voluptatem aliquam\naliquid ratione corporis molestiae mollitia quia et magnam dolor" - }, - { - "postId": 2, - "id": 8, - "name": "et omnis dolorem", - "email": "Mallory_Kunze@marie.org", - "body": "ut voluptatem corrupti velit\nad voluptatem maiores\net nisi velit vero accusamus maiores\nvoluptates quia aliquid ullam eaque" - }, - { - "postId": 2, - "id": 9, - "name": "provident id voluptas", - "email": "Meghan_Littel@rene.us", - "body": "sapiente assumenda molestiae atque\nadipisci laborum distinctio aperiam et ab ut omnis\net occaecati aspernatur odit sit rem expedita\nquas enim ipsam minus" - }, - { - "postId": 2, - "id": 10, - "name": "eaque et deleniti atque tenetur ut quo ut", - "email": "Carmen_Keeling@caroline.name", - "body": "voluptate iusto quis nobis reprehenderit ipsum amet nulla\nquia quas dolores velit et non\naut quia necessitatibus\nnostrum quaerat nulla et accusamus nisi facilis" - }, - { - "postId": 3, - "id": 11, - "name": "fugit labore quia mollitia quas deserunt nostrum sunt", - "email": "Veronica_Goodwin@timmothy.net", - "body": "ut dolorum nostrum id quia aut est\nfuga est inventore vel eligendi explicabo quis consectetur\naut occaecati repellat id natus quo est\nut blanditiis quia ut vel ut maiores ea" - }, - { - "postId": 3, - "id": 12, - "name": "modi ut eos dolores illum nam dolor", - "email": "Oswald.Vandervort@leanne.org", - "body": "expedita maiores dignissimos facilis\nipsum est rem est fugit velit sequi\neum odio dolores dolor totam\noccaecati ratione eius rem velit" - }, - { - "postId": 3, - "id": 13, - "name": "aut inventore non pariatur sit vitae voluptatem sapiente", - "email": "Kariane@jadyn.tv", - "body": "fuga eos qui dolor rerum\ninventore corporis exercitationem\ncorporis cupiditate et deserunt recusandae est sed quis culpa\neum maiores corporis et" - }, - { - "postId": 3, - "id": 14, - "name": "et officiis id praesentium hic aut ipsa dolorem repudiandae", - "email": "Nathan@solon.io", - "body": "vel quae voluptas qui exercitationem\nvoluptatibus unde sed\nminima et qui ipsam aspernatur\nexpedita magnam laudantium et et quaerat ut qui dolorum" - }, - { - "postId": 3, - "id": 15, - "name": "debitis magnam hic odit aut ullam nostrum tenetur", - "email": "Maynard.Hodkiewicz@roberta.com", - "body": "nihil ut voluptates blanditiis autem odio dicta rerum\nquisquam saepe et est\nsunt quasi nemo laudantium deserunt\nmolestias tempora quo quia" - }, - { - "postId": 4, - "id": 16, - "name": "perferendis temporibus delectus optio ea eum ratione dolorum", - "email": "Christine@ayana.info", - "body": "iste ut laborum aliquid velit facere itaque\nquo ut soluta dicta voluptate\nerror tempore aut et\nsequi reiciendis dignissimos expedita consequuntur libero sed fugiat facilis" - }, - { - "postId": 4, - "id": 17, - "name": "eos est animi quis", - "email": "Preston_Hudson@blaise.tv", - "body": "consequatur necessitatibus totam sed sit dolorum\nrecusandae quae odio excepturi voluptatum harum voluptas\nquisquam sit ad eveniet delectus\ndoloribus odio qui non labore" - }, - { - "postId": 4, - "id": 18, - "name": "aut et tenetur ducimus illum aut nulla ab", - "email": "Vincenza_Klocko@albertha.name", - "body": "veritatis voluptates necessitatibus maiores corrupti\nneque et exercitationem amet sit et\nullam velit sit magnam laborum\nmagni ut molestias" - }, - { - "postId": 4, - "id": 19, - "name": "sed impedit rerum quia et et inventore unde officiis", - "email": "Madelynn.Gorczany@darion.biz", - "body": "doloribus est illo sed minima aperiam\nut dignissimos accusantium tempore atque et aut molestiae\nmagni ut accusamus voluptatem quos ut voluptates\nquisquam porro sed architecto ut" - }, - { - "postId": 4, - "id": 20, - "name": "molestias expedita iste aliquid voluptates", - "email": "Mariana_Orn@preston.org", - "body": "qui harum consequatur fugiat\net eligendi perferendis at molestiae commodi ducimus\ndoloremque asperiores numquam qui\nut sit dignissimos reprehenderit tempore" - }, { "postId": 5, "id": 21, @@ -1114,41 +979,6 @@ "email": "Clare.Aufderhar@nicole.ca", "body": "quod minus alias quos\nperferendis labore molestias quae ut ut corporis deserunt vitae\net quaerat ut et ullam unde asperiores\ncum voluptatem cumque" }, - { - "postId": 9, - "id": 41, - "name": "voluptas deleniti ut", - "email": "Lucio@gladys.tv", - "body": "facere repudiandae vitae ea aut sed quo ut et\nfacere nihil ut voluptates in\nsaepe cupiditate accusantium numquam dolores\ninventore sint mollitia provident" - }, - { - "postId": 9, - "id": 42, - "name": "nam qui et", - "email": "Shemar@ewell.name", - "body": "aut culpa quaerat veritatis eos debitis\naut repellat eius explicabo et\nofficiis quo sint at magni ratione et iure\nincidunt quo sequi quia dolorum beatae qui" - }, - { - "postId": 9, - "id": 43, - "name": "molestias sint est voluptatem modi", - "email": "Jackeline@eva.tv", - "body": "voluptatem ut possimus laborum quae ut commodi delectus\nin et consequatur\nin voluptas beatae molestiae\nest rerum laborum et et velit sint ipsum dolorem" - }, - { - "postId": 9, - "id": 44, - "name": "hic molestiae et fuga ea maxime quod", - "email": "Marianna_Wilkinson@rupert.io", - "body": "qui sunt commodi\nsint vel optio vitae quis qui non distinctio\nid quasi modi dicta\neos nihil sit inventore est numquam officiis" - }, - { - "postId": 9, - "id": 45, - "name": "autem illo facilis", - "email": "Marcia@name.biz", - "body": "ipsum odio harum voluptatem sunt cumque et dolores\nnihil laboriosam neque commodi qui est\nquos numquam voluptatum\ncorporis quo in vitae similique cumque tempore" - }, { "postId": 10, "id": 46, @@ -2619,41 +2449,6 @@ "email": "Delta_Welch@carleton.tv", "body": "nihil esse aut\ndebitis nostrum mollitia similique minus aspernatur possimus\nomnis eaque non eveniet\nrerum qui iure laboriosam" }, - { - "postId": 52, - "id": 256, - "name": "tempore distinctio quam", - "email": "Carlee_Heathcote@harley.tv", - "body": "nemo deleniti sunt praesentium quis quam repellendus\nconsequatur non est ex fugiat distinctio aliquam explicabo\naspernatur omnis debitis sint consequatur\nquo autem natus veritatis" - }, - { - "postId": 52, - "id": 257, - "name": "illum non quod vel voluptas quos", - "email": "Delpha_Cormier@raymond.org", - "body": "facere at voluptatem\nrepellendus omnis perspiciatis placeat aspernatur nobis blanditiis ut deleniti\nquis non cumque laborum sit id ratione vel sequi\nfacere doloremque beatae aut maxime non" - }, - { - "postId": 52, - "id": 258, - "name": "omnis quia fugit nisi officiis aspernatur occaecati et", - "email": "Glenna@caesar.org", - "body": "aut cum sint qui facere blanditiis magnam consequuntur perspiciatis\nharum impedit reprehenderit iste doloribus quia quo facere\net explicabo aut voluptate modi dolorem\nrem aut nobis ut ad voluptatum ipsum eos maxime" - }, - { - "postId": 52, - "id": 259, - "name": "animi minima ducimus tempore officiis qui", - "email": "Hoyt_Dickens@napoleon.ca", - "body": "itaque occaecati non aspernatur\nvelit repudiandae sit rerum esse quibusdam unde molestias\nexplicabo dolorem vero consequatur quis et libero\nvoluptatem totam vel sapiente autem dolorum consequuntur" - }, - { - "postId": 52, - "id": 260, - "name": "qui dolore delectus et omnis quia", - "email": "Wendell.Marvin@maegan.net", - "body": "aliquid molestias nemo aut est maxime\nlaboriosam et consequatur laudantium\ncommodi et corrupti\nharum quasi minima ratione sint magni sapiente ut" - }, { "postId": 53, "id": 261, @@ -4159,41 +3954,6 @@ "email": "Kailyn@ivory.info", "body": "ut in nostrum\nut et incidunt et minus nulla perferendis libero delectus\nnulla nemo deleniti\ndeleniti facere autem vero velit non molestiae assumenda" }, - { - "postId": 96, - "id": 476, - "name": "quia hic adipisci modi fuga aperiam", - "email": "Amely.Kunde@rodrigo.co.uk", - "body": "officia quas aut culpa eum\neaque quia rem unde ea quae reiciendis omnis\nexcepturi nemo est vel sequi accusantium tenetur at earum\net rerum quisquam temporibus cupiditate" - }, - { - "postId": 96, - "id": 477, - "name": "ut occaecati non", - "email": "Thaddeus.Halvorson@ruthe.ca", - "body": "nulla veniam quo consequuntur ullam\nautem nisi error aut facere distinctio rerum quia tempore\nvelit distinctio occaecati ducimus\nratione similique doloribus" - }, - { - "postId": 96, - "id": 478, - "name": "quo error dignissimos numquam qui nam fugit voluptates et", - "email": "Hannah@emma.ca", - "body": "non similique illo\nquia et rem placeat reprehenderit voluptas\nvelit officiis fugit blanditiis nihil\nab deserunt ullam" - }, - { - "postId": 96, - "id": 479, - "name": "distinctio minima error aspernatur reiciendis inventore quo", - "email": "Maryam.Mann@thelma.info", - "body": "totam explicabo harum quam impedit sunt\ndoloremque consectetur id et minima eos incidunt quibusdam omnis\nsaepe maiores officiis eligendi alias sint est aut cumque\ndebitis cumque hic aut ut dolorum" - }, - { - "postId": 96, - "id": 480, - "name": "accusantium quo error repudiandae", - "email": "Michel@keira.us", - "body": "tenetur qui ut\narchitecto officiis voluptatem velit eos molestias incidunt eum dolorum\ndistinctio quam et\nsequi consequatur nihil voluptates animi" - }, { "postId": 97, "id": 481, @@ -4335,4 +4095,4 @@ "body": "perspiciatis quis doloremque\nveniam nisi eos velit sed\nid totam inventore voluptatem laborum et eveniet\naut aut aut maxime quia temporibus ut omnis" } ] -} +} \ No newline at end of file diff --git a/dbSmall.json b/dbSmall.json new file mode 100644 index 00000000..1d04acf3 --- /dev/null +++ b/dbSmall.json @@ -0,0 +1,53 @@ +{ + "posts": [ + + { + "postId":1, + "userId":1, + "title": "Title of the post 1", + "body":"body content 1" + }, + { + "postId":3, + "userId":3, + "title": "Title of the post 3", + "body":"body content 3" + }, + { + "postId":2, + "userId":2, + "title": "Title of the post 2", + "body":"body content 2" + } +], + + +"comments": [ + +{ +"commentId": 1, +"body": "some comment", +"postId": 1, +"name":"Name of the comment", +"email": "Email of the comment@mail.com" +} + + +], +"users":[ + +{ +"userId": 1, +"username": "Carla", +"email": "Carla@mail.com" +}, + +{ +"userId": 2, +"username": "Adrián", +"email": "Adrian@mail.com" +} + +] + +} \ No newline at end of file