diff --git a/backend/db/project.sql b/backend/db/project.sql
index 19fe8d4..f94ae03 100644
--- a/backend/db/project.sql
+++ b/backend/db/project.sql
@@ -11,6 +11,7 @@ CREATE TABLE public.project (
 	description text NULL,
 	github_link text NULL,
 	id_skills serial4 NOT NULL,
+	picture_name text NULL,
 	CONSTRAINT project_pkey PRIMARY KEY (id),
 	CONSTRAINT project_fk FOREIGN KEY (id_skills) REFERENCES public.skills(id)
 );
\ No newline at end of file
diff --git a/backend/src/db.rs b/backend/src/db.rs
index b5da3e2..0a16067 100644
--- a/backend/src/db.rs
+++ b/backend/src/db.rs
@@ -44,6 +44,7 @@ pub struct Project {
     pub description: Option<String>,
     pub github_link: Option<String>,
     pub id_skills: i64,
+    pub picture_name: Option<String>
 }
 
 #[derive(Deserialize, Serialize)]
diff --git a/backend/src/main.rs b/backend/src/main.rs
index ba8d6a8..887a879 100644
--- a/backend/src/main.rs
+++ b/backend/src/main.rs
@@ -72,7 +72,7 @@ async fn skills(State(pool): State<PgPool>) -> Result<Json<(Vec<Project>, Vec<Sk
     // Gathering skills
     let skills = sqlx::query_as!(
         Skills,
-        "SELECT id, programming_lang, software, languages FROM public.skills"
+        "SELECT * FROM public.skills"
     )
     .fetch_all(&pool)
     .await
@@ -81,7 +81,7 @@ async fn skills(State(pool): State<PgPool>) -> Result<Json<(Vec<Project>, Vec<Sk
     // Gathering Projects
     let projects = sqlx::query_as!(
         Project,
-        "SELECT id, date_done, title, description, github_link, id_skills FROM public.project"
+        "SELECT * FROM public.project ORDER BY date_done DESC"
     )
     .fetch_all(&pool)
     .await
diff --git a/frontend/src/lib/components/projects.svelte b/frontend/src/lib/components/projects.svelte
index 2f8b8ce..832c184 100644
--- a/frontend/src/lib/components/projects.svelte
+++ b/frontend/src/lib/components/projects.svelte
@@ -1,15 +1,20 @@
 <script>
+    import { onMount } from "svelte";
     import SvgIcon from "@jamescoyle/svelte-icon";
     import { mdiCalendarRange, mdiPlus } from "@mdi/js";
     import "$lib/css/slide.css";
+    import { formatMonth } from "$lib/js/date.js";
 
     export let active = false;
     export let data;
 
     const title = data.title;
     const description = data.description;
-    const issued_date = "2023";
-    const picture = data.picture_url;
+    const issued_date = formatMonth(data.date_done).charAt(0).toUpperCase()+formatMonth(data.date_done).slice(1);
+    let picture;
+    onMount(async () => {
+        picture = (await import(`/src/lib/img/${data.picture_name}`)).default;
+    });
 </script>
 
 <div class="slide-container">
diff --git a/frontend/src/lib/components/slideshow.svelte b/frontend/src/lib/components/slideshow.svelte
index 8f4c0af..0c805c2 100644
--- a/frontend/src/lib/components/slideshow.svelte
+++ b/frontend/src/lib/components/slideshow.svelte
@@ -14,6 +14,10 @@
     export let data = [];
     export let type;
     export let timeline = false;
+    export let reverse = false;
+    if(reverse) {
+        data = data.reverse();
+    }
 
     // Slideshow global variables
 
@@ -127,7 +131,6 @@
     }
 </script>
 
-{@debug slideContainerCount}
 <div class="slideshow" bind:this={slideshow}>
     <button class="slideshow_btn" on:click={slideCards}>
         <div>
@@ -140,7 +143,7 @@
             />
         </div>
     </button>
-    {#each data.reverse() as selected_data, index (index)}
+    {#each data as selected_data, index (index)}
         <svelte:component
             this={type}
             data={selected_data}
diff --git a/frontend/src/lib/css/cv.css b/frontend/src/lib/css/cv.css
index 0a93fe7..a1bd69a 100644
--- a/frontend/src/lib/css/cv.css
+++ b/frontend/src/lib/css/cv.css
@@ -25,6 +25,7 @@ html {
     flex-basis: 20rem;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
     background-color: var(--color-special);
+    z-index: 1;
 }
 
 .profile-picture-container {
diff --git a/frontend/src/lib/img/feedback.jpg b/frontend/src/lib/img/feedback.jpg
new file mode 100644
index 0000000..1cf64a4
Binary files /dev/null and b/frontend/src/lib/img/feedback.jpg differ
diff --git a/frontend/src/lib/img/i2c.jpg b/frontend/src/lib/img/i2c.jpg
new file mode 100755
index 0000000..b2f1a5c
Binary files /dev/null and b/frontend/src/lib/img/i2c.jpg differ
diff --git a/frontend/src/lib/img/morse.jpg b/frontend/src/lib/img/morse.jpg
new file mode 100755
index 0000000..69619cb
Binary files /dev/null and b/frontend/src/lib/img/morse.jpg differ
diff --git a/frontend/src/lib/img/rangefinder.png b/frontend/src/lib/img/rangefinder.png
new file mode 100644
index 0000000..0de99c3
Binary files /dev/null and b/frontend/src/lib/img/rangefinder.png differ
diff --git a/frontend/src/lib/img/thermometer.jpg b/frontend/src/lib/img/thermometer.jpg
new file mode 100755
index 0000000..cf51022
Binary files /dev/null and b/frontend/src/lib/img/thermometer.jpg differ
diff --git a/frontend/src/lib/js/date.js b/frontend/src/lib/js/date.js
index 77664aa..0488574 100644
--- a/frontend/src/lib/js/date.js
+++ b/frontend/src/lib/js/date.js
@@ -5,6 +5,13 @@ export function formatDate(date) {
     return formattedDate;
 }
 
+export function formatMonth(date) {
+    const options = { month: 'long', year: 'numeric' };
+    const cool_date = new Date(date);
+    const formattedDate = cool_date.toLocaleDateString('fr-FR', options);
+    return formattedDate;
+}
+
 export function formatYear(date) {
     const options = { year: 'numeric' };
     const cool_date = new Date(date);
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index a64f025..c9dfb8a 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -94,12 +94,14 @@
 				data={cv.education}
 				type={Education}
 				timeline="true"
+				reverse="true"
 			/>
 			<Section icon={mdiBriefcase} title="Experience" />
 			<SlideShow
 				data={cv.experiences}
 				type={Experience}
 				timeline="true"
+				reverse="true"
 			/>
 			<Section icon={mdiWrench} title="Projects" />
 			<SlideShow