Little Steps

Supporting Parents in Tracking and Nurturing Baby's Growth

---

📑 Table of Contents

• 🧩 Overview
• ✨ Key Features
• 🛠️ Problems We Solved
• 🔍 Challenges with Code Quality Analysis (SonarCloud)
• 🛠️ Solutions Implemented for SonarCloud Integration
• 🎯 Target Users
• 🖼️ UI/UX Showcase
• 👥 Team Members
• 🧰 Tech Stack
• 🏗️ Development Practices
• 💼 Engineering Highlights
• 📁 Project Structure
• 📘 What We Learned
• ⚙️ Getting Started
• 📚 Resources

---

🧩 Overview

Little Steps is a mobile app designed to help parents track and support their baby's growth. It offers tools to monitor vaccines, sleep, feeding, and milestones, all in one place. With timely reminders, expert parenting advice, and a supportive community, Little Steps simplifies parenting and ensures babies get the care they need.

---

✨ Key Features

• Easy sign-up and setup with user authentication.
• Create profiles for parents and babies for personalized insights.
• Track vaccines, sleep, feeding, and growth milestones in one place.
• Get timely reminders with push notifications.

---

🛠️ Problems We Solved

• Unified multiple tracking tools into one parent-friendly app.
• Replaced manual vaccine tracking with automated reminders.
• Delivered expert parenting advice and milestone guidelines.
• Encouraged a connected, digital parenting experience.

---

🔍 Challenges with Code Quality Analysis (SonarCloud)

While integrating SonarCloud for static code analysis and test coverage, we encountered a few technical issues that initially hindered proper feedback from our codebase:

1. Folder Exclusion Issue:
   The lib/ and test/ directories were being automatically excluded by default during SonarCloud analysis, which meant no meaningful code metrics were being generated.

2. Test Coverage Detection Issue:
   Despite having a working test suite, SonarCloud was not detecting coverage data, preventing visibility into our test effectiveness and untested code areas.

---

🛠️ Solutions Implemented for SonarCloud Integration

To ensure a complete and professional CI workflow with SonarCloud, we applied the following resolutions:

1. Custom GitHub Actions Workflow for CI:
   We created a tailored GitHub Actions CI workflow to explicitly include the lib/ and test/ directories in the SonarCloud scan. This resolved the exclusion issue and enabled proper code analysis across the entire project.

2. Test Coverage Configuration with Documentation Support:
   The test coverage detection was resolved by carefully reviewing SonarCloud’s official documentation.
   With support from our mentor, we corrected the coverage reporting configuration to align with SonarCloud expectations, ensuring full test visibility.

---

🎯 Target Users

• Parents and guardians of babies and children aged 0 months to 10 years.
• Caregivers who want a centralized baby care tracking solution.

---

🖼️ UI/UX Showcase

Here's a glimpse of our user-friendly interface that supports parents with clarity, warmth, and ease of use:

---

👥 Team Members

Name	Role	GitHub Profile
minhazul73	Team Leader	@minhazul73
jannatulferdous2730	Member	@jannatulferdous2730
rowshannahar3	Member	@rowshannahar3
ihjohny	Project Mentor	@ihjohny

---

🧰 Tech Stack

🏗️ Development Practices

📌 Topic	✅ Best Practices
Architecture	MVVM: Separated /model, /view, /viewmodel, and /core logic
State Management	GetX – Lightweight, fast reactive bindings
Version Control	GitHub Projects used for issue tracking and task planning
Code Quality	SonarCloud analysis to improve maintainability, detect duplicates, and refactor
Testing	Firebase Test Lab for widget/unit testing across devices
Reusability	Custom reusable widgets for forms, buttons, and notifications

---

💼 Engineering Highlights

• Implemented clean MVVM architecture for scalable development.
• Integrated SonarCloud to measure maintainability and code duplication.
• Built reusable UI components to follow the DRY principle.
• Used GetX for smooth reactive state control and routing.
• Employed Firebase for secure, real-time data handling and push notifications.

---

📁 Project Structure

Directory structure:
└── lib/
    ├── app.dart
    ├── firebase_options.dart
    ├── main.dart
    ├── bindings/
    │   └── general_bindings.dart
    ├── data/
    │   ├── models/
    │   │   ├── child/
    │   │   │   └── child_model.dart
    │   │   └── user/
    │   │       └── user_model.dart
    │   └── repositories/
    │       ├── auth/
    │       │   ├── authentication_repository.dart
    │       │   └── authentication_repository_impl.dart
    │       ├── child/
    │       │   ├── child_repository.dart
    │       │   └── child_repository_impl.dart
    │       └── user/
    │           ├── mock_user_repository_impl.dart
    │           ├── user_repository.dart
    │           └── user_repository_impl.dart
    ├── utils/
    │   ├── constants/
    │   │   ├── app_colors.dart
    │   │   └── sizes.dart
    │   ├── environment/
    │   │   └── env.dart
    │   ├── exceptions/
    │   │   ├── app_exceptions.dart
    │   │   └── format_exceptions.dart
    │   ├── formatters/
    │   │   └── formatter.dart
    │   ├── helpers/
    │   │   ├── age_calculator.dart
    │   │   ├── helper_functions.dart
    │   │   └── network_manager.dart
    │   ├── loaders/
    │   │   ├── animation_loader.dart
    │   │   └── circular_loader.dart
    │   ├── popups/
    │   │   ├── full_screen_loader.dart
    │   │   └── loaders.dart
    │   ├── theme/
    │   │   ├── theme.dart
    │   │   ├── extensions/
    │   │   │   └── custom_color_extension.dart
    │   │   └── widget_themes/
    │   │       ├── app_bar_theme.dart
    │   │       ├── bottom_navigation_bar_theme.dart
    │   │       ├── checkbox_theme.dart
    │   │       ├── filled_button_theme.dart
    │   │       ├── outlined_button_theme.dart
    │   │       ├── text_field_theme.dart
    │   │       └── text_theme.dart
    │   ├── translations/
    │   │   └── localization_service.dart
    │   └── validators/
    │       └── app_validator.dart
    ├── view/
    │   ├── auth/
    │   │   ├── email_verification_view.dart
    │   │   ├── login_view.dart
    │   │   └── register_view.dart
    │   ├── child_onboarding/
    │   │   ├── child_dob_input_view.dart
    │   │   ├── child_name_input_view.dart
    │   │   └── child_stats_input_view.dart
    │   └── home/
    │       ├── home_view.dart
    │       └── widgets/
    │           ├── activity_grid_layout.dart
    │           ├── age_grid_layout.dart
    │           └── vaccine_stack_layout.dart
    └── view_model/
        ├── auth/
        │   ├── initial_screen_redirect.dart
        │   ├── login_controller.dart
        │   └── register_controller.dart
        ├── child/
        │   └── child_controller.dart
        ├── child_onboarding/
        │   └── child_onboarding_controller.dart
        └── home/
            └── home_controller.dart

---

📘 What We Learned

💡 Topic	💬 Insight
Software Engineering	Applied structured team workflow using real-world tools like GitHub Boards
Clean Architecture	Learned how to break app into scalable and testable modules
Code Quality	SonarCloud taught us how to improve reliability and maintainability
Reusability & DRY Principle	Mastered reuse of widgets for faster and cleaner development
Testing & Debugging	Used Firebase and test-driven logic to simulate real user cases

---

⚙️ Getting Started

Project Setup Instructions

1. Clone the repository:

   git clone https://github.com/Learnathon-By-Geeky-Solutions/triangle.git

2. Install dependencies:

   flutter pub get

3. Run the application:

   flutter run

---