Skip to content

aksoftware98/hack-together23

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Magic Note - #Hack_Together

This project is built to participate in the Microsft's hackathon #Hack_Together

Hack Together: Microsoft Graph and .NET

Build and deploy ASP.Net Core app to an Azure Web App

GET IT NOW FOR WINDOWS

Windows

[v1.1.4 Hackathon version for Windows]

The article covers the following points:

Overview

Magic Note is an AI-powered application that allows your to plan your day smoothly and quickly without the need to open different apps like the calendar and the To-Do app and insert each of your items one by one. The app will have a simple text input where you can write all what you want to do for the next day (event, task, or a meeting with someone), after you submit your note, Magic Note with the help of AI and Microsoft Graph will understand the content and build a plan for you to review and make sure it aligns with what in your mind. Once you feel good and make the edits, submit the plan and Magic Note will add all the resources (events, meetings, and to-do tasks) and add them for you with one click.

Windows.Video.mp4

Magic Note Availabitliy

I have this idea in mind for long time but I was lazy to get it done, with the courage of the HackTogether it seems it's the good time to get it done. I will make this app available on all the platforms, but for this hackathon it will be available only as a native Windows app (because I want to learn WinUI 😁) and make it availalbe on Microsoft Surface Duo Android Dual Screen device. After the hackathon I will make the app available on all Android devices, iOS, Mac OSX, and Windows of course.

The Windows app overview: WinUI

What Magic Note solves specifically

Most productive people would like to have the upcoming busy day planned carefully the night before. The process is needed but it's tough, why? Well! we have the tasks we want to do in mind but just thoughts, that's why we take notes and create To-Do lists. The problem happens we open the calendar and the To-Do lists app on our smart device and start adding some important events, meetings, tasks, or other reminders for the upcoming day.

How do users do it without Magic Note? Let's see the steps The 10 things to do the next day (3 events, 2 meetings, 5 to-do items) All thoughts in the brain yet

Open the Calendar app on the phone Navigate to the next day Click Add New Event Populate the title Define the start time Define the end time Click save Repeat the same for the other 2 events if the user doesn't forget any. Repeat the same for the meetings Open the To-Do app Enter the description of the first to-do item Hit save Repeat the same for the remaining 4 items if the user still remembers all of them. The process is boring and inefficient.

Writing down everything in mind helps us express our ideas and keep them saved outside our minds, many people write their diaries with a pen and a sheet of paper, that's quick and indestructible. But the paper won't send me a notification 1 hour before the event or send an email for the person I want to meet with if I typed the meeting on that piece of paper.

Here is where Magic Note comes into play. Let's see how the same will be achieved 10x more efficiently using the Magic Note

How Magic Note solved the problem

The app is only a single big text box on the left, that's it all. The user starts typing what he/she is up to for the next day in their daily conversational English as if the user is writing his/her diary or a list of tasks on a sheet of paper. The writing is quick, with no text fields to fill, no dates to select, and no save buttons to click. List everything in mind in that text box. Once everything is done, the user clicks Plan. Magic Note will send that text to the server, understand its content using AI (SEE BELOW FOR TECHNOLOGY DETAILS), and build a plan out of the ideas inside (creating an event at this time, creating a meeting with a person, adding a to-do item ..etc.). After the server prepares the plan, the user will see a set of cards each representing either an event to be added to the calendar, scheduling a meeting with someone, or adding a to-do item. Instead of the user having to open every app (Calendar, Teams, and To-Do) to insert them, the user now has a plan in front and he/she should decide if this is correct and make adjustments if needed. Once the user is satisfied with the plan, click Submit and the Magic Note will use Microsoft Graph to populate all this stuff. The user starts the next day with the To-Do app populated, the calendar full of the events and the meeting needed to be done in that day.

How you can test

To see the full capabilities of the app, make sure to:

  • Write something general (To-Do Task) like I will study Azure,
  • Write something general with time (Calendar event) like I will play football with my team at 06 PM
  • Write something for meeting scheduling with a people too (Meeting) liek I will meet with John and Waddah to dicuss our project progress at 05:30 PM It will be better if you mention names that you have in your contacts and have emails assigned too, so the person full name and the email will be populated in the plan

Check out the following example:

WinUI

Type something like this

Do my daily morning exercise.
I want to buy some fresh fruits
I will study for the Azure exam 
I will play football with the team at 02:25 PM
Then I will meet John and Daniel to follow up with the progress of the project at 05:00 PM

How the App Technically Works with Graph API

Magic note technical diagram

Microsoft Graph API which is the core of the #HackTogether hackathon is used as a main component in the system. Majority of the users wordside use Microsoft account to manage their meetings, events, store the contacts, and keep tracking of their progress using Microsoft To-Do but the process of adding those resources through this app on a daily bases and in a consistent fashion is tough. So, how Magic Note is utilizing Graph to make people more productive?

  1. When the user mention in the note that he/she wants to schedule a meeting and mentions a name, the app during the planning the app is trying to search for the mentioned names in the Contacts of the user, and if Graph returns that the name is found, it automatically populates the email and the name in the result.
  2. After the user reviews the plan and makes sure everything is great, the user clicks Looks good to me, then the app is using Graph API to:
    • Fetch the user timezone
    • Fetch the Tasks list in the user's to-do
    • Create a batch content
    • Group all the requests to submit the To-Do items in the batch
    • Group all the reqeusts to add the meetings in the batch
    • Group all the reqeusts to submit the events in the batch
    • Post the batch in a single-request

Current Limtations:

  • Token is not yet cached, so login is required everytime you open the Windows app.
  • Maximum 12 items allowed for this version.
  • The AI models detects the start time of the meeting but not yet the end time.
  • The app only plans for the next day, soon a date picker will be added or mention the date in the note using AI

Magic Note Components

Technologies Used Because this Hackathon is for fun, learning, and everything Microsoft and because I'm the biggest Microsoft fan ever. I decided to build this demo strictly for MICROSOFT PEOPLE (Users and Developers) 😂😎 The is built with .NET and Azure and divided into the following:

  • Client-side desktop: WinUI app for Windows 10 & 11
  • Client-side mobile: .NET MAUI app for Android only and for Microsoft Surface Duo specifically (The app suits the two screens approached perfectly, write on the left and see the plan on the right)
  • Server-side: Set of ASP.NET Core Minimal API
  • Microsoft Graph API
  • For language understanding AI: I used Azure Conversation Language Service

Project Progress & Goals

Following is the table of the tasks I want to get done for the hackathon and for the releasing of it after the app is reviewed and want to make it publicly available

Status Task Target
Having AI models supprot understanding (tasks, meetings, and events) Hackathon
Integrate with Microsoft Graph for (tasks, calendar events, and contacts) Hackathon
Release the basic version of WinUI project for Windows 10, 11 Hackathon
Release the basic version of the MAUI project to run on Microsoft Surface Duo Hackathon
Implement efficient validation for the request (client and server side) Hackathon
Refactor the code of the analyzing logic on the server Hackathon
🔳 Support Sign-Out v1 public
🔳 Add voice recognition to fill out the note instead of writing v1 public
🔳 Add text extraction from image to support users who prefer writing on paper v1 public

The target of the project for the hackathon to be fully available and functional is March 14, 2023

About

The project that I will participate with in the Microsoft Hack Together hackathon for .NET & Microsoft Graph API

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages