Add Personal Info

.idea/portfolio.iml

@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <module type="CPP_MODULE" version="4">
   <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+      <excludeFolder url="file://$MODULE_DIR$/target" />
+    </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
   </component>

src/app.rs

@@ -1,8 +1,13 @@
 use yew::prelude::*;
 
+use super::components::{ProjectList, PersonalInfo};
+
 #[function_component(App)]
 pub fn app() -> Html {
     html! {
-        <super::components::Test></super::components::Test>
+        <>
+            <PersonalInfo></PersonalInfo>
+            <ProjectList></ProjectList>
+        </>
     }
 }

src/components/mod.rs

@@ -1,2 +1,7 @@
-mod test;
-pub use test::Test;
+mod projects_list;
+pub use projects_list::ProjectList;
+
+pub(self) mod project;
+
+mod personal_info;
+pub use personal_info::PersonalInfo;

src/components/personal_info.rs

@@ -0,0 +1,15 @@
+use yew::{function_component, Html, html};
+
+#[function_component(PersonalInfo)]
+pub fn personal_info() -> Html {
+    html! {
+        <div class="bg-red-500 text-blue">
+            <h1>{"Florian RICHER"}</h1>
+            <p>{"Découvrez mon parcours en développement, où ma passion précoce pour la programmation a débuté avec la création d'applications 3D utilisant OpenGL et s'est étendue à la maîtrise de diverses technologies, notamment le développement Web avec React, Ruby on Rails, Tailwindcss et Bootstrap, la réalisation d'applications mobiles avec Flutter et le développement système en Rust, toujours animé par mon désir inépuisable d'apprendre et ma curiosité sans bornes."}</p>
+            <p>{"17 rue de châteauroux, 87100 Limoges"}</p>
+            <p>{"(33) 07 61 36 34 52"}</p>
+            <p>{"SIRET : 85244496400016"}</p>
+            <a href={"mailto:florian.richer@protonmail.com"}>{"florian.richer@protonmail.com"}</a>
+        </div>
+    }
+}

src/components/project.rs

@@ -0,0 +1,17 @@
+use yew::{Properties, function_component, Html, html};
+
+#[derive(Properties, PartialEq)]
+pub struct ProjectProps {
+    pub name: String,
+    pub description: String
+}
+
+#[function_component(Project)]
+pub fn project(props: &ProjectProps) -> Html {
+    html! {
+        <div class="bg-red-500 text-blue">
+            <h1>{props.name.as_str()}</h1>
+            <p>{props.description.as_str()}</p>
+        </div>
+    }
+}

src/components/projects_list.rs

@@ -0,0 +1,10 @@
+use yew::{function_component, Html, html};
+
+use super::project::Project;
+
+#[function_component(ProjectList)]
+pub fn project_list() -> Html {
+    html! {
+        <Project name="Test" description="Test"></Project>
+    }
+}

src/components/test.rs

@@ -1,10 +0,0 @@
-use yew::{function_component, Html, html};
-
-#[function_component(Test)]
-pub fn test() -> Html {
-    html! {
-        <div class="bg-red-500 text-blue">
-            <h1>{"Test component"}</h1>
-        </div>
-    }
-}