https://github.com/radekvym/hamburgermenuapp

[UI challange] .NET MAUI implementation of "Hamburger Menu with Landing Card Design" by Sulai Man.
https://github.com/radekvym/hamburgermenuapp

android control design dotnet flyout ios maui maui-apps maui-navigation navigation-component navigation-drawer simpletoolkit ui xaml

Last synced: 5 months ago
JSON representation

[UI challange] .NET MAUI implementation of "Hamburger Menu with Landing Card Design" by Sulai Man.

• Host: GitHub
• URL: https://github.com/radekvym/hamburgermenuapp
• Owner: RadekVyM
• License: mit
• Created: 2023-07-10T09:39:08.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-17T09:58:59.000Z (about 1 year ago)
• Last Synced: 2024-02-17T10:37:14.388Z (about 1 year ago)
• Topics: android, control, design, dotnet, flyout, ios, maui, maui-apps, maui-navigation, navigation-component, navigation-drawer, simpletoolkit, ui, xaml
• Language: C#
• Homepage:
• Size: 9.41 MB
• Stars: 23
• Watchers: 2
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hamburger Menu App

**.NET MAUI** implementation of [Hamburger Menu with Landing Card Design](https://dribbble.com/shots/11101126-Hamburger-Menu-with-Landing-Card-Design) by [Sulai Man](https://dribbble.com/sully_man).

https://github.com/RadekVyM/HamburgerMenuApp/assets/65116078/e4db39c0-8c6f-4ff7-8495-ded04b77e7e7

This project demonstrates how to create **custom flyout navigation menu** using `SimpleShell` control from [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit).

## Original design

[![Dribbble Design](./images/original_design.webp)](https://dribbble.com/shots/11101126-Hamburger-Menu-with-Landing-Card-Design)

## Installation

First, make sure you have your Visual Studio and .NET 8 environment set up for .NET MAUI development. If not, follow the [setup instructions](https://learn.microsoft.com/dotnet/maui/get-started/installation). Then make sure you have your [Android](https://learn.microsoft.com/dotnet/maui/get-started/first-app?pivots=devices-android) or [iOS](https://learn.microsoft.com/dotnet/maui/get-started/first-app?pivots=devices-ios) platform set up for deployment of the application.

Once everything is set up, you can clone the repo and run the application via Visual Studio.

Here are some resources to learn more about .NET MAUI:

- [Official website](https://dotnet.microsoft.com/apps/maui)

- [Microsoft Learn](https://learn.microsoft.com/dotnet/maui/what-is-maui)

- [.NET MAUI GitHub repository](https://github.com/dotnet/maui)

## Features

Only .NET MAUI APIs and my [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit) library were used to create this sample.