{"id":1154,"date":"2019-03-31T23:10:00","date_gmt":"2019-03-31T21:10:00","guid":{"rendered":"https:\/\/www.benjaminsimier.com\/projet\/tripply\/"},"modified":"2022-04-29T19:12:39","modified_gmt":"2022-04-29T17:12:39","slug":"tripply","status":"publish","type":"projets","link":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/","title":{"rendered":"Tripply"},"content":{"rendered":"\n<h2 class=\"bloc-540 bloc-left wp-block-heading\">Objective<\/h2>\n\n\n\n<p class=\"bloc-540 bloc-left\">Realization of the web application Tripply, the travel agency for students. The application is simple, a form allows to retrieve the information and saves it in database.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"bloc-540 bloc-right arrow-top-right wp-block-heading\">Creation<\/h2>\n\n\n\n<p class=\"bloc-540 bloc-right\">First, I made the models of the site with the software Adobe XD, then I developed the web application.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"bloc-540 bloc-right wp-block-heading\">Design<\/h3>\n\n\n\n<p class=\"bloc-540 bloc-right\">The models of the site were realized with Adobe XD software. The site is divided into two parts, the left part corresponds to the form, and the left part corresponds to the information on Tripply thanks to a carousel.<\/p>\n\n\n\n<div class=\"color-square bloc-540 bloc-right\">\n<ul>\n\n<li>\n<div class=\"color-square-bloc\" style=\"background-color: #ef8bc6\" title=\"#ef8bc6\" data-aos=\"zoom-in\" data-aos-offset=\"0\" data-aos-delay=\"0\"><\/div>\n<\/li>\n\n<li>\n<div class=\"color-square-bloc\" style=\"background-color: #a73a5b\" title=\"#a73a5b\" data-aos=\"zoom-in\" data-aos-offset=\"0\" data-aos-delay=\"200\"><\/div>\n<\/li>\n\n<li>\n<div class=\"color-square-bloc\" style=\"background-color: #f9d697\" title=\"#f9d697\" data-aos=\"zoom-in\" data-aos-offset=\"0\" data-aos-delay=\"400\"><\/div>\n<\/li>\n\n<\/ul>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"bloc-540 bloc-right wp-block-heading\">Development<\/h3>\n\n\n\n<p class=\"bloc-540 bloc-right\">For development, I used the HTML for the structure, the SASS coupled with Gulp.js for the style. JavaScript and JQuery for dynamism. And the PHP for the database part.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped bloc-center-space wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561.png\" alt=\"\" data-id=\"1121\" data-full-url=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561.png\" data-link=\"https:\/\/www.benjaminsimier.com\/?attachment_id=1121\" class=\"wp-image-1122\" srcset=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561.png 1024w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561-300x164.png 300w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-4-1024x561-768x421.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561.png\" alt=\"\" data-id=\"1125\" data-full-url=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561.png\" data-link=\"https:\/\/www.benjaminsimier.com\/?attachment_id=1125\" class=\"wp-image-1126\" srcset=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561.png 1024w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561-300x164.png 300w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-2-1024x561-768x421.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561.png\" alt=\"\" data-id=\"1123\" data-full-url=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561.png\" data-link=\"https:\/\/www.benjaminsimier.com\/?attachment_id=1123\" class=\"wp-image-1124\" srcset=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561.png 1024w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561-300x164.png 300w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-3-1024x561-768x421.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561.png\" alt=\"\" data-id=\"1127\" data-full-url=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561.png\" data-link=\"https:\/\/www.benjaminsimier.com\/?attachment_id=1127\" class=\"wp-image-1128\" srcset=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561.png 1024w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561-300x164.png 300w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-1-1024x561-768x421.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561.png\" alt=\"\" data-id=\"1119\" data-full-url=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561.png\" data-link=\"https:\/\/www.benjaminsimier.com\/?attachment_id=1119\" class=\"wp-image-1120\" srcset=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561.png 1024w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561-300x164.png 300w, https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-5-1024x561-768x421.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Objective Realization of the web application Tripply, the travel agency for students. The application is simple, a form allows to retrieve the information and saves it in database. Creation First, I made the models of the site with the software Adobe XD, then I developed the web application. Design The models of the site were [&hellip;]<\/p>\n","protected":false},"featured_media":1132,"template":"","tags":[],"class_list":["post-1154","projets","type-projets","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Tripply - Benjamin Simier<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tripply\" \/>\n<meta property=\"og:description\" content=\"Objective Realization of the web application Tripply, the travel agency for students. The application is simple, a form allows to retrieve the information and saves it in database. Creation First, I made the models of the site with the software Adobe XD, then I developed the web application. Design The models of the site were [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/\" \/>\n<meta property=\"og:site_name\" content=\"Benjamin Simier\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BSimierWeb\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-29T17:12:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-mockups-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"972\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/\",\"name\":\"Tripply - Benjamin Simier\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/Tripply-mockups-1.jpg\",\"datePublished\":\"2019-03-31T21:10:00+00:00\",\"dateModified\":\"2022-04-29T17:12:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/Tripply-mockups-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/Tripply-mockups-1.jpg\",\"width\":1200,\"height\":972},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/tripply\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projets\",\"item\":\"https:\\\/\\\/www.benjaminsimier.com\\\/en\\\/projet\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tripply\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#website\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/\",\"name\":\"Benjamin Simier\",\"description\":\"UI\\\/UX designer &amp; d\u00e9veloppeur front-end\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benjaminsimier.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/#\\\/schema\\\/person\\\/9791a71b2543b7cd272bf22c3edd1fd5\",\"name\":\"Benjamin Simier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"url\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\",\"width\":872,\"height\":1200,\"caption\":\"Benjamin Simier\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.benjaminsimier.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Perso_4.jpeg\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BSimierWeb\",\"https:\\\/\\\/www.instagram.com\\\/benjamin_simier\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/benjaminsimier\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tripply - Benjamin Simier","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/","og_locale":"en_US","og_type":"article","og_title":"Tripply","og_description":"Objective Realization of the web application Tripply, the travel agency for students. The application is simple, a form allows to retrieve the information and saves it in database. Creation First, I made the models of the site with the software Adobe XD, then I developed the web application. Design The models of the site were [&hellip;]","og_url":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/","og_site_name":"Benjamin Simier","article_publisher":"https:\/\/www.facebook.com\/BSimierWeb","article_modified_time":"2022-04-29T17:12:39+00:00","og_image":[{"width":1200,"height":972,"url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-mockups-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/","url":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/","name":"Tripply - Benjamin Simier","isPartOf":{"@id":"https:\/\/www.benjaminsimier.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/#primaryimage"},"image":{"@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-mockups-1.jpg","datePublished":"2019-03-31T21:10:00+00:00","dateModified":"2022-04-29T17:12:39+00:00","breadcrumb":{"@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/#primaryimage","url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-mockups-1.jpg","contentUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2019\/03\/Tripply-mockups-1.jpg","width":1200,"height":972},{"@type":"BreadcrumbList","@id":"https:\/\/www.benjaminsimier.com\/en\/projet\/tripply\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.benjaminsimier.com\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Projets","item":"https:\/\/www.benjaminsimier.com\/en\/projet\/"},{"@type":"ListItem","position":3,"name":"Tripply"}]},{"@type":"WebSite","@id":"https:\/\/www.benjaminsimier.com\/#website","url":"https:\/\/www.benjaminsimier.com\/","name":"Benjamin Simier","description":"UI\/UX designer &amp; d\u00e9veloppeur front-end","publisher":{"@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benjaminsimier.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.benjaminsimier.com\/#\/schema\/person\/9791a71b2543b7cd272bf22c3edd1fd5","name":"Benjamin Simier","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","url":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","contentUrl":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg","width":872,"height":1200,"caption":"Benjamin Simier"},"logo":{"@id":"https:\/\/www.benjaminsimier.com\/wp-content\/uploads\/2022\/05\/Perso_4.jpeg"},"sameAs":["https:\/\/www.facebook.com\/BSimierWeb","https:\/\/www.instagram.com\/benjamin_simier\/","https:\/\/www.linkedin.com\/in\/benjaminsimier\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/projets\/1154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/projets"}],"about":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/types\/projets"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/media\/1132"}],"wp:attachment":[{"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/media?parent=1154"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benjaminsimier.com\/en\/wp-json\/wp\/v2\/tags?post=1154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}