Feel free to share your opinions
+-
+
+
+ 
-
+
+This is a project that simulates the display of posts brought from an API, being able to delete them and modify the content.
## Technologies used
-\* HTML
+- HTML
+- CSS
+- JS
+- Bootstrap
+- HTTP Requests
+- JSON
+- API
-\* CSS
+## Preview
-\* JS
+
-\* Bootstrap
+## Work Log
-\* HTTP Requests
-
-\* JSON
-
-\* API
-
-## Project delivery
-
-To deliver this project you must follow the steps indicated in the document:
-
-- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
-
-## Resources
-
-- [JSON server](https://github.com/typicode/json-server)
-- [Official Bootstrap](https://getbootstrap.com/)
\ No newline at end of file
+
diff --git a/data/db.json b/data/db.json
index 7fcbe2a9..71842b95 100644
--- a/data/db.json
+++ b/data/db.json
@@ -1,35 +1,5 @@
{
"posts": [
- {
- "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"
- },
- {
- "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"
- },
{
"userId": 1,
"id": 6,
@@ -531,8 +501,8 @@
{
"userId": 9,
"id": 89,
- "title": "sint soluta et vel magnam aut ut sed qui",
- "body": "repellat aut aperiam totam temporibus autem et\narchitecto magnam ut\nconsequatur qui cupiditate rerum quia soluta dignissimos nihil iure\ntempore quas est"
+ "title": "89: sint soluta et vel magnam aut ut sed qui",
+ "body": "repellat aut aperiam totam temporibus autem et\narchitecto magnam ut\nc nihil iure\ntempore quas est"
},
{
"userId": 9,
@@ -543,7 +513,7 @@
{
"userId": 10,
"id": 91,
- "title": "aut amet sed",
+ "title": "91: aut amet sed",
"body": "libero voluptate eveniet aperiam sed\nsunt placeat suscipit molestias\nsimilique fugit nam natus\nexpedita consequatur consequatur dolores quia eos et placeat"
},
{
@@ -834,181 +804,6 @@
}
],
"comments": [
- {
- "postId": 1,
- "id": 1,
- "name": "id labore ex et quam laborum",
- "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,
- "name": "odio adipisci rerum aut animi",
- "email": "Nikita@garfield.biz",
- "body": "quia molestiae reprehenderit quasi aspernatur\naut expedita occaecati aliquam eveniet laudantium\nomnis quibusdam delectus saepe quia accusamus maiores nam est\ncum et ducimus et vero voluptates excepturi deleniti ratione"
- },
- {
- "postId": 1,
- "id": 4,
- "name": "alias odio sit",
- "email": "Lew@alysha.tv",
- "body": "non et atque\noccaecati deserunt quas accusantium unde odit nobis qui voluptatem\nquia voluptas consequuntur itaque dolor\net qui rerum deleniti ut occaecati"
- },
- {
- "postId": 1,
- "id": 5,
- "name": "vero eaque aliquid doloribus et culpa",
- "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,
- "name": "aliquid rerum mollitia qui a consectetur eum sed",
- "email": "Noemie@marques.me",
- "body": "deleniti aut sed molestias explicabo\ncommodi odio ratione nesciunt\nvoluptate doloremque est\nnam autem error delectus"
- },
- {
- "postId": 5,
- "id": 22,
- "name": "porro repellendus aut tempore quis hic",
- "email": "Khalil@emile.co.uk",
- "body": "qui ipsa animi nostrum praesentium voluptatibus odit\nqui non impedit cum qui nostrum aliquid fuga explicabo\nvoluptatem fugit earum voluptas exercitationem temporibus dignissimos distinctio\nesse inventore reprehenderit quidem ut incidunt nihil necessitatibus rerum"
- },
- {
- "postId": 5,
- "id": 23,
- "name": "quis tempora quidem nihil iste",
- "email": "Sophia@arianna.co.uk",
- "body": "voluptates provident repellendus iusto perspiciatis ex fugiat ut\nut dolor nam aliquid et expedita voluptate\nsunt vitae illo rerum in quos\nvel eligendi enim quae fugiat est"
- },
- {
- "postId": 5,
- "id": 24,
- "name": "in tempore eos beatae est",
- "email": "Jeffery@juwan.us",
- "body": "repudiandae repellat quia\nsequi est dolore explicabo nihil et\net sit et\net praesentium iste atque asperiores tenetur"
- },
- {
- "postId": 5,
- "id": 25,
- "name": "autem ab ea sit alias hic provident sit",
- "email": "Isaias_Kuhic@jarrett.net",
- "body": "sunt aut quae laboriosam sit ut impedit\nadipisci harum laborum totam deleniti voluptas odit rem ea\nnon iure distinctio ut velit doloribus\net non ex"
- },
{
"postId": 6,
"id": 26,
@@ -4335,4 +4130,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/index.html b/index.html
new file mode 100644
index 00000000..cb7d1ef3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+