Fixing Animations and Upgrade Dioxus Motion

Author: wheregmis

src/components/profile.rs

@@ -21,8 +21,8 @@ pub fn Profile() -> Element {
         let content_sequence = AnimationSequence::new().then(
             Transform::identity(),
             AnimationConfig::new(AnimationMode::Spring(Spring {
-                stiffness: 100.0,
-                damping: 10.0,
+                stiffness: 180.0,
+                damping: 12.0,
                 mass: 1.0,
                 ..Default::default()
             })),
@@ -32,8 +32,8 @@ pub fn Profile() -> Element {
         let image_sequence = AnimationSequence::new().then(
             Transform::identity(),
             AnimationConfig::new(AnimationMode::Spring(Spring {
-                stiffness: 100.0,
-                damping: 10.0,
+                stiffness: 180.0,
+                damping: 12.0,
                 mass: 1.0,
                 ..Default::default()
             })),
@@ -45,15 +45,15 @@ pub fn Profile() -> Element {
         opacity.animate_to(
             1.0,
             AnimationConfig::new(AnimationMode::Tween(Tween {
-                duration: Duration::from_millis(800),
+                duration: Duration::from_millis(200),
                 easing: easer::functions::Sine::ease_in_out,
             })),
         );
 
         content_opacity.animate_to(
             1.0,
             AnimationConfig::new(AnimationMode::Tween(Tween {
-                duration: Duration::from_millis(800),
+                duration: Duration::from_millis(200),
                 easing: easer::functions::Sine::ease_in_out,
             })),
         );
@@ -66,13 +66,13 @@ pub fn Profile() -> Element {
     ];
 
     let point_animations = (0..3).map(|i| {
-        let mut point_transform = use_motion(Transform::new(-20.0, 0.0, 0.0, 0.0));
+        let mut opacity = use_motion(0.0f32);
 
         use_effect(move || {
-            let delay = Duration::from_millis(500 + i as u64 * 400);
+            let delay = Duration::from_millis(100 + i as u64 * 100);
 
-            let point_sequence = AnimationSequence::new().then(
-                Transform::identity(),
+            opacity.animate_to(
+                1.0,
                 AnimationConfig::new(AnimationMode::Spring(Spring {
                     stiffness: 100.0,
                     damping: 15.0,
@@ -81,14 +81,12 @@ pub fn Profile() -> Element {
                 }))
                 .with_delay(delay),
             );
-
-            point_transform.animate_sequence(point_sequence);
         });
 
         rsx! {
             p {
                 class: "text-text-muted leading-relaxed flex items-center space-x-2",
-                style: "opacity: {point_transform.get_value().scale};",
+                style: "opacity: {opacity.get_value()};",
                 span { class: "text-primary", "•" }
                 span { "{points_labels[i]}" }
             }

src/components/work_experience.rs

@@ -26,20 +26,29 @@ pub fn WorkExperience() -> Element {
     let companies = [
         (
             "TROES Corp",
-            "2021 - Present",
+            "May, 2023 - Present",
             "Software Engineer",
-            "Led development of battery management systems and remote monitoring solutions, resulting in 40% efficiency improvement in data processing.",
+            "Developed high-performance battery management systems and remote monitoring solutions, achieving 40% improvement in data processing efficiency. Built robust battery controllers using Rust, with real-time monitoring through InfluxDB and Grafana. Designed scalable web platforms using Django and Vue.js for seamless IoT energy management.",
             vec![
                 "Rust", "Python", "AWS", "Redis", "Vue", "Tailwind", "Docker", "Grafana", "InfluxDB",
             ]
         ),
         (
             "Lambton College",
-            "2021 - Present",
+            "Aug, 2022 - April, 2023",
             "Research Assistant",
-            "Led development of battery management systems and remote monitoring solutions, resulting in 40% efficiency improvement in data processing.",
+            "Focused on developing remote monitoring systems for battery energy storage using Flutter, Vue.js, and Django. Designed and implemented web and mobile applications to track system performance, enabling real-time data access and improving overall monitoring efficiency.",
             vec![
-                "Rust", "Python", "AWS", "Redis", "Vue", "Tailwind", "Docker", "Grafana", "InfluxDB",
+                "Python", "AWS", "Vue", "Tailwind", "Docker", "InfluxDB",
+            ]
+        ),
+        (
+            "Seva Development",
+            "Oct, 2021 - Jan, 2022",
+            "Contract Based Software Engineer",
+            "Developed a data migration engine as a Software Engineer, enabling seamless data transfer between diverse sources and destinations, including MySQL, Oracle, PostgreSQL, and Salesforce. Optimized the migration process for accuracy and efficiency, ensuring reliable data handling across multiple platforms.",
+            vec![
+                "Python", "AWS Lambda","PostgreSQL",
             ]
         ),
     ];