Fix home page scroll indicator login

Add data to projects, experience and blog

.vscode/settings.json

@@ -1,3 +1,11 @@
 {
-    "cmake.configureOnOpen": false
+    "cmake.configureOnOpen": false,
+    "cSpell.words": [
+        "fase",
+        "kowi",
+        "meuzard",
+        "microservice",
+        "udhari",
+        "wlan"
+    ]
 }

lib/404.dart

@@ -38,7 +38,7 @@ class _NotFound404State extends State<NotFound404> {
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
               Text(
-                S.of(context).notFoundInterjaction +
+                S.of(context).notFoundInterjection +
                     "\n\n" +
                     S.of(context).notFoundDespise,
                 style: textStyle,

lib/blogs/blogs.dart

@@ -57,33 +57,33 @@ final data = [
   BlogData(
     title: "Deploying Flutter with Amazon EC2",
     description:
-        "Learn to get full controll of your projects by deplying to EC2 AWS",
+        "Learn to get full control of your projects by deploying to AWS EC2 instance.",
     tags: ['AWS', 'Flutter', 'Nodejs'],
-    url: "url",
-    read: 3,
-  ),
-  BlogData(
-    title: "Deploying Flutter with Amazon EC2",
-    description:
-        "Learn to get full controll of your projects by deplying to EC2 AWS",
-    tags: ['AWS', 'Flutter', 'Nodejs'],
-    url: "url",
-    read: 3,
-  ),
-  BlogData(
-    title: "Deploying Flutter with Amazon EC2",
-    description:
-        "Learn to get full controll of your projects by deplying to EC2 AWS",
-    tags: ['AWS', 'Flutter', 'Nodejs'],
-    url: "url",
-    read: 3,
-  ),
-  BlogData(
-    title: "Deploying Flutter with Amazon EC2",
-    description:
-        "Learn to get full controll of your projects by deplying to EC2 AWS",
-    tags: ['AWS', 'Flutter', 'Nodejs'],
-    url: "url",
+    url: "404",
     read: 3,
   ),
+  // BlogData(
+  //   title: "Deploying Flutter with Amazon EC2",
+  //   description:
+  //       "Learn to get full control of your projects by deploying to EC2 AWS",
+  //   tags: ['AWS', 'Flutter', 'Nodejs'],
+  //   url: "url",
+  //   read: 3,
+  // ),
+  // BlogData(
+  //   title: "Deploying Flutter with Amazon EC2",
+  //   description:
+  //       "Learn to get full control of your projects by deploying to EC2 AWS",
+  //   tags: ['AWS', 'Flutter', 'Nodejs'],
+  //   url: "url",
+  //   read: 3,
+  // ),
+  // BlogData(
+  //   title: "Deploying Flutter with Amazon EC2",
+  //   description:
+  //       "Learn to get full control of your projects by deploying to EC2 AWS",
+  //   tags: ['AWS', 'Flutter', 'Nodejs'],
+  //   url: "url",
+  //   read: 3,
+  // ),
 ];

lib/components/footer.dart

@@ -23,7 +23,10 @@ class Footer extends StatelessWidget {
       child: MouseRegion(
         cursor: SystemMouseCursors.click,
         child: GestureDetector(
-          child: Text(S.of(context).footerCredit),
+          child: Text(S.of(context).footerCredit +
+              ". " +
+              S.of(context).footerPower +
+              "."),
           onTap: () {
             launch("https://dribbble.com/NicolasMzrd");
           },

lib/experience/experience.dart

@@ -55,24 +55,27 @@ class Experience extends StatelessWidget {
 
 final data = [
   ExperienceData(
-    organizationName: "Some Company",
-    position: "SDE",
-    description: "I worked on x with y to achieve z without doing p or q.",
-    startYearMonth: "Aug 21",
-    endYearMonth: "Present",
+    organizationName: "National Informatics Centre | Govt of India",
+    position: "Trainee",
+    description:
+        "Developed frontend components to house image processing utilities on NIC website. Integrated microservice APIs with Angular frontend.",
+    startYearMonth: "Jun 21",
+    endYearMonth: "Jul 21",
   ),
   ExperienceData(
-    organizationName: "Some Company",
-    position: "Intern",
-    description: "I worked on x with y to achieve z without doing p or q.",
-    startYearMonth: "Jul 20",
+    organizationName: "Kowi Lifestyle Pvt Ltd",
+    position: "Full stack Developer",
+    description:
+        "Created company's core product from scratch. Wore different hats including SDE, DevOps and QA.",
+    startYearMonth: "May 21",
     endYearMonth: "Jul 21",
   ),
   ExperienceData(
-    organizationName: "Some Company",
-    position: "Trainee",
-    description: "I worked on x with y to achieve z without doing p or q.",
-    startYearMonth: "Jun 19",
-    endYearMonth: "Jul 20",
+    organizationName: "Blindside HB GmbH",
+    position: "Software Developer",
+    description:
+        "Worked on the company's core product to enhance UX, add backend connectivity and modularize existing code.",
+    startYearMonth: "Sep 20",
+    endYearMonth: "Nov 20",
   ),
 ];

lib/generated/intl/messages_en.dart

@@ -36,11 +36,13 @@ class MessageLookup extends MessageLookupByLibrary {
         "blogMinutes": MessageLookupByLibrary.simpleMessage("Min"),
         "footerCredit": MessageLookupByLibrary.simpleMessage(
             "Based on designs by Nicolas Meuzard"),
+        "footerPower":
+            MessageLookupByLibrary.simpleMessage("Powered by Flutter"),
         "notFoundDespise": MessageLookupByLibrary.simpleMessage(
             "Looks like you are lost ... on a single page application, duh!"),
         "notFoundHome":
             MessageLookupByLibrary.simpleMessage("Take me back to 127.0.0.1"),
-        "notFoundInterjaction": MessageLookupByLibrary.simpleMessage("Oh no!"),
+        "notFoundInterjection": MessageLookupByLibrary.simpleMessage("Oh no!"),
         "tabBlog": MessageLookupByLibrary.simpleMessage("03.  Blogs"),
         "tabExperience":
             MessageLookupByLibrary.simpleMessage("02.  Experience"),

lib/homepage.dart

@@ -29,6 +29,10 @@ class _HomePageState extends State<HomePage> {
 
   List<TabData> tabData = [];
 
+  double projectPercent = 1;
+  double experiencePercent = 0;
+  double blogPercent = 0;
+
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
@@ -222,28 +226,34 @@ class _HomePageState extends State<HomePage> {
   }
 
   void projectVisibility(VisibilityInfo visibility) {
-    final visiblePercentage = visibility.visibleFraction * 100;
-    if (visiblePercentage > 50) {
+    projectPercent = visibility.visibleFraction;
+    handleChange();
+  }
+
+  void experienceVisibility(VisibilityInfo visibility) {
+    experiencePercent = visibility.visibleFraction;
+    handleChange();
+  }
+
+  void blogVisibility(VisibilityInfo visibility) {
+    blogPercent = visibility.visibleFraction;
+    handleChange();
+  }
+
+  void handleChange() {
+    if (projectPercent > experiencePercent && projectPercent > blogPercent) {
       setAllFalse();
       setState(() {
         tabData[0].isSelected = true;
       });
     }
-  }
-
-  void experienceVisibility(VisibilityInfo visibility) {
-    final visiblePercentage = visibility.visibleFraction * 100;
-    if (visiblePercentage > 50) {
+    if (experiencePercent > projectPercent && experiencePercent > blogPercent) {
       setAllFalse();
       setState(() {
         tabData[1].isSelected = true;
       });
     }
-  }
-
-  void blogVisibility(VisibilityInfo visibility) {
-    final visiblePercentage = visibility.visibleFraction * 100;
-    if (visiblePercentage > 50) {
+    if (blogPercent > experiencePercent && blogPercent > projectPercent) {
       setAllFalse();
       setState(() {
         tabData[2].isSelected = true;

lib/l10n/intl_en.arb

@@ -3,9 +3,10 @@
     "aboutGreeting": "{greeting, select, em {Good morning, early bird} m {Good Morning} a {Good Afternoon} e {Good Evening} n {Hi there, night owl} other {Hello}}. I'm ",
     "blogMinutes": "Min",
     "footerCredit": "Based on designs by Nicolas Meuzard",
+    "footerPower": "Powered by Flutter",
     "notFoundDespise": "Looks like you are lost ... on a single page application, duh!",
     "notFoundHome": "Take me back to 127.0.0.1",
-    "notFoundInterjaction": "Oh no!",
+    "notFoundInterjection": "Oh no!",
     "tabBlog": "03.  Blogs",
     "tabExperience": "02.  Experience",
     "tabProjects": "01.  Projects",

lib/projects/project_card.dart

@@ -58,33 +58,35 @@ class ProjectCard extends StatelessWidget {
           Row(
             mainAxisAlignment: MainAxisAlignment.end,
             children: [
-              IconButton(
-                icon: FaIcon(
-                  FontAwesomeIcons.github,
-                  size: Constants.faIconSizeCard + 2,
-                  color: ColorPalette.dullWhite,
+              if (data.gitHub.isNotEmpty)
+                IconButton(
+                  icon: FaIcon(
+                    FontAwesomeIcons.github,
+                    size: Constants.faIconSizeCard + 2,
+                    color: ColorPalette.dullWhite,
+                  ),
+                  padding: EdgeInsets.zero,
+                  constraints: BoxConstraints(minHeight: 0, minWidth: 0),
+                  splashRadius: Constants.cardIconSplash,
+                  onPressed: () {
+                    launch(data.gitHub);
+                  },
                 ),
-                padding: EdgeInsets.zero,
-                constraints: BoxConstraints(minHeight: 0, minWidth: 0),
-                splashRadius: Constants.cardIconSplash,
-                onPressed: () {
-                  launch(data.gitHub);
-                },
-              ),
-              SizedBox(width: 8),
-              IconButton(
-                icon: FaIcon(
-                  FontAwesomeIcons.externalLinkAlt,
-                  size: Constants.faIconSizeCard,
-                  color: ColorPalette.dullWhite,
+              if (data.link.isNotEmpty) SizedBox(width: 8),
+              if (data.link.isNotEmpty)
+                IconButton(
+                  icon: FaIcon(
+                    FontAwesomeIcons.externalLinkAlt,
+                    size: Constants.faIconSizeCard,
+                    color: ColorPalette.dullWhite,
+                  ),
+                  padding: EdgeInsets.zero,
+                  constraints: BoxConstraints(minHeight: 0, minWidth: 0),
+                  splashRadius: Constants.cardIconSplash,
+                  onPressed: () {
+                    launch(data.link);
+                  },
                 ),
-                padding: EdgeInsets.zero,
-                constraints: BoxConstraints(minHeight: 0, minWidth: 0),
-                splashRadius: Constants.cardIconSplash,
-                onPressed: () {
-                  launch(data.link);
-                },
-              ),
             ],
           ),
         ],

lib/projects/projects.dart

@@ -55,59 +55,36 @@ class Projects extends StatelessWidget {
 
 final data = [
   ProjectData(
-    title: "Sweet title",
+    title: "Udhari",
     description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog. The quick brown fox jumped",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter", "Firebase"],
-  ),
-  ProjectData(
-    title: "Sweet title",
-    description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter"],
+        "An intelligent money management solution for one’s daily expenditure. Published to Play Store and downloaded hundreds of times.",
+    gitHub: "https://github.com/thecodepapaya/udhari",
+    link:
+        "https://play.google.com/store/apps/details?id=com.thecodepapaya.udhari",
+    technologies: ["Flutter", "Django", "DRF", "Dart"],
   ),
   ProjectData(
-    title: "Sweet title",
+    title: "FASE - Post-covid attendance solution",
     description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
+        "A reliable WLAN and bluetooth based solution for attendance management in the institute in a post-covid era.",
+    gitHub: "https://github.com/thecodepapaya/fase-backend",
     link: "",
-    technologies: ["Flutter"],
+    technologies: ["Django", "DRF", "Flutter", "Python", "Dart"],
   ),
   ProjectData(
-    title: "Sweet title",
+    title: "show_up_animation",
     description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter"],
+        "Flutter package to allow developers to integrate simple and clean animations into their apps with no boilerplate code.",
+    gitHub: "https://github.com/thecodepapaya/show_up_animation/",
+    link: "https://pub.dev/packages/show_up_animation",
+    technologies: ["Flutter", "Dart"],
   ),
   ProjectData(
-    title: "Sweet title",
+    title: "DevFest 2019 Gandhinagar Mobile App",
     description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter"],
-  ),
-  ProjectData(
-    title: "Sweet title",
-    description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter"],
-  ),
-  ProjectData(
-    title: "Sweet title",
-    description:
-        "The quick brown fox jumped upon the lazy dog. The quick brown fox jumped upon the lazy dog.",
-    gitHub: "",
-    link: "",
-    technologies: ["Flutter"],
+        "Designed and developed Flutter application for 500+ attendees of DevFest GNR to relay event-related information.",
+    gitHub: "https://github.com/GDG-GANDHINAGAR/devfest-19-mobile",
+    link: "https://gdg.community.dev/gdg-gandhinagar/",
+    technologies: ["Flutter", "Firebase", "Dart"],
   ),
 ];