oudommunint/.netmaui-to-do-list-app

A to do list app that performs CRUD operations. Made with .Net MAUI

👋 Hi, I’m Oudom Munint, 23. I am currently a Software Engineer at PDS GLOBAL

💖 I Love building

Web sites, Web apps, Mobile apps, User interfaces, User experiences and Computers!

🖥️ Stuff I've worked with:

👀 Visit my Portfolio

📫 Reach me on

Some stats 📊

.netmaui-to-do-list-app's Issues

Incorrect Date & Time

Date & Time when todoitems are created showing as 1/1/0001 : 00:00

Collection of UI issues

• iOS search bar
• Priority frame BG color
• Android Search bar border
• Update onboarding images with new ones

Feature - Swipe to delete item.

Implement swipe to delete with SwipeView

UI - Dashboard Page - Value labels overlap

When values inside entry changes, and the chart is redrawn. The old instance of the chart isn't disposed, same goes for value labels.

Things to try:

• Dispose charts with OnDisappearing()
• Re-Call draw chart on Initialize.

Dark and light mode styles

Create styles for dark and light mode

Package Dependencies

• Maui Community Toolkit
• SQLite packages

Foldable support

• Implement foldable support

CodeQL for C# failing

CI Pipeline behavior

DEV => MAIN pull triggers 2 builds resulting in failure due to duplicate release tag.

Auto font scaling

Disable AFS. At least until it's fixed. Hopefully .Net 8

Name & Task entry validation

Implement validation for entry fields, currently tasks are being saved with empty name and descriptions

CI pipeline failing

Deprecated actions versions?
https://github.com/OudomMunint/.NetMAUI-To-Do-List-App/actions/runs/6481984541

ReadMe - Up to date screenshots.

Add up to date screen shots to read me image section.

Split pane view

• Implement split pane view for tablets (Possible conflict with bottomsheet)
  Example:
  Home | Details

iOS Exception

Thrown at launch.
System.IO.FileNotFoundException

Reset app feature

Some way of getting the user back to the welcome page. Reseting can either keep data or delete all date.

(iOS) CI Build failing

https://github.com/OudomMunint/.NetMAUI-To-Do-List-App/actions/runs/7028091880/job/19123528431

Bypass welcome page

Currently onboarding page always shows even after first application load.

Feature: Reset app & Go back to welcome

1. Scenario A: User wants to Reset app

• Should show prompt (yes/no) if yes => delete.all.db. if no => close prompt => do nothing

2. Scenario B: Users wants to go back to welcome page

• Should navigate back to welcome page without any db manipulation.

Feature: Generate dummy data

Allows users to generate dummy data. It should randomise from the model.

1. model.name
2. model.notes
3. model.date
4. model.priority
5. model.status

UX: Keyboard

• In search bar keyboard style should be Type.Search & Return.Search
• In Task name field keyboard should be Type.Text & Return.Next
• In Task description editor keyboard should be Type.Editor & Return should line break.

Create Page UI

Task name entry has a weird file icon inside it.

CI pipeline warnings

Fix CI pipeline warnings.

Dark mode switch - Settings page

Dark mode button isn't enabled when app is launched with system dark mode enabled

.Net 8

Update to .Net 8, should fix a few issues.

Tutorial - Back navigation issue

SettingsPage isn't getting dropped from navigation stack.

UI: Entry, Editor, Picker

• Removed border
• Improve contrast for dark & light mode

Android - Build failure

Happens both on Local and CI pipeline.

/usr/local/share/dotnet/packs/Microsoft.Android.Sdk.Darwin/34.0.85/tools/Xamarin.Android.Common.targets(1482,3): error XA8000: Could not find Android Resource '@styleable/SKCanvasView'. Please update @(AndroidResource) to add the missing resource. [/Users/dom/Documents/GitHub Repos/NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-android]
/usr/local/share/dotnet/packs/Microsoft.Android.Sdk.Darwin/34.0.85/tools/Xamarin.Android.Common.targets(1482,3): error XA8000: Could not find Android Resource '@styleable/SKCanvasView_ignorePixelScaling'. Please update @(AndroidResource) to add the missing resource. [/Users/dom/Documents/GitHub Repos/NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-android]

Unit Testing

Added Unit testing project. MSTest? XUnit?

Remove macOS hidden files.

• .DS_Store
• ._.DS_Store
• ._. Files
• Update .gitignore
• Delete from remote repo

Bug - Navigation from BottomSheet

Navigation methods like ShowAsync() etc. Doesn't work when placed inside of bottom sheet.

Update ReadMe doc

Update readme regarding 'clean.sh' and 'build.sh' script.

Feature: BottomSheet

Use bottom sheet to open settings menu.

Refactor Sort

Sort should use an action sheet to allow users choice of:

• Sort by date.
• Sort by priority.

ReadMe - Important information

• Required SDKs
• Required Xcode
• Minimum API versions
• Minimum iOS versions
• Required .Net workloads

CI/CD Pipeline failing

https://github.com/OudomMunint/.NetMAUI-To-Do-List-App/actions/runs/6717371299

.NET 8 - CI build failing

ILLINK : warning MT0079: The recommended Xcode version for Microsoft.iOS 17.2.8022 is Xcode 15.1 or later. The current Xcode version (found in /Applications/Xcode_15.0.1.app/Contents/Developer) is 15.0.1. [/Users/runner/work/.NetMAUI-To-Do-List-App/.NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-ios]

This is happening because macos runner for github actions doesn't support Xcode 15.1+ yet.

[iOS] CI pipeline failing

System.MissingMethodException: Method not found: 'SkiaSharp.SKTextBlob SkiaSharp.SKTextBlob.CreatePositioned(System.String, SkiaSharp.SKFont, System.ReadOnlySpan`1<SkiaSharp.SKPoint>)'.

Feature: Dashboard Page

Implement dashboard page, should visualise data.

Data points:

• Total items
• Priority Items
• Done / Not done

Possible tools:

• Microcharts
• SyncFusion
• Kendo UI

Android - UI - Dashboard page layout

Fix all position, margin, padding issues on android devices.

Update ReadMe

• Update target OS levels
• Update targeted platforms
• Update upcoming section

iOS emulator: Execution Failed

App doesn't deploy to iOS simulator.
Error: Execution Failed

UI - Search bar - Regression

• Android: Search bar appears white during dark mode, doesn't react to ThemeChanged event.
• iOS: Search bar appears to have 2 backgrounds, a container bg and it's own bg, sometimes doesn't react to ThemeChanged as well.

Feature - Media Attachments

Implement Taking photos to add to a ToDoItem.

Step 1 - Model:

• Add attachment property to model, depending on SQLite compatibility, may have to use byte[] then convert.

Step 2 - Permissions:

• Should be able to access camera after permission grant on both iOS and Android.
• Should be able to read and write to device local storage.

Step 3 - Crud operations
Step 4 - UI

CI status badge issue

CI Status badge showing as failing

Freaky Controls issue

Doesn't react to theme switch, Cannot control BG colour

Critical Priority

Setting critical priority causes priority to show as low.

CI - iOS - Build Fail

Only happens on CI pipeline, builds okay locally.

/Users/runner/.dotnet/packs/Microsoft.iOS.Sdk/17.2.8043/targets/Xamarin.Shared.Sdk.targets(1559,3): error : clang++ exited with code 1: [/Users/runner/work/.NetMAUI-To-Do-List-App/.NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-ios]
/Users/runner/.dotnet/packs/Microsoft.iOS.Sdk/17.2.8043/targets/Xamarin.Shared.Sdk.targets(1559,3): error : ld: building for iOS Simulator, but linking in dylib built for iOS, file '/Users/runner/.nuget/packages/skiasharp.nativeassets.ios/2.88.3/runtimes/ios/native/libSkiaSharp.framework/libSkiaSharp' for architecture arm64 [/Users/runner/work/.NetMAUI-To-Do-List-App/.NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-ios]
/Users/runner/.dotnet/packs/Microsoft.iOS.Sdk/17.2.8043/targets/Xamarin.Shared.Sdk.targets(1559,3): error : clang: error: linker command failed with exit code 1 (use -v to see invocation) [/Users/runner/work/.NetMAUI-To-Do-List-App/.NetMAUI-To-Do-List-App/ToDoListApp.csproj::TargetFramework=net8.0-ios]

Filter button issue

Filter & Sort button is blocked by the search bar.

Onboarding page UI issue

Mockups gets clipped off screen on smaller devices (Small android emulator)