---
logosub: "Avans TI student, year 4"
language: "en"
title: "Windows 10 Cookbook"
year: "2015"
date: "2015-01-01"
---

This <a href="https://learn.microsoft.com/en-us/windows/uwp/get-started/universal-application-platform-guide" target="_blank" rel="noopener noreferrer">UWP</a> application was built with <a href="https://docs.microsoft.com/en-us/dotnet/csharp/" target="_blank" rel="noopener noreferrer">C#</a> and <a href="https://learn.microsoft.com/en-us/dotnet/desktop/wpf/xaml/?view=netdesktop-6.0" target="_blank" rel="noopener noreferrer">XAML</a>.

This was a school project which retrieved recipies and other data from an API. Mostly this was to learn quickly how to develop a mobile application on the Windows platform with a responsive design.

Source code can be seen on my Github page: <a href="https://github.com/PA4KEV/Win10-Cookbook" target="_blank" rel="noopener noreferrer">github.com</a>

<picture>
    <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/logo-w240.webp`} />                        
    <source media="(min-width: 800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/logo.webp`} />
    <img alt="application logo" src={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/logo.webp`}/>
</picture>

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/windows-10-cookbook/logo-w240.webp"
    />
    <img
      src="/images/software/projects/windows-10-cookbook/logo.webp"
      alt="Dazzletek Antares gateway"
      class="img-fluid"
    />
  </picture>
</figure>

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/windows-10-cookbook/user-interface-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/windows-10-cookbook/user-interface-w480.webp"
    />
    <img
      src="/images/software/projects/windows-10-cookbook/user-interface-w800.webp"
      alt="User interface"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/windows-10-cookbook/user-interface.webp">
      User interface
    </a>
  </figcaption>
</figure>

## Mockups on laptop and mobile

These are mockups on other devices, using screenshots of the application.

<picture>
    <source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/laptop-mockup-w240.webp`} />
    <source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/laptop-mockup-w480.webp`} />
    <source media="(min-width: 1200px)" srcset={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/laptop-mockup.webp`} />
    <img alt="laptop mockup" src={`${process.env.PUBLIC_URL}/images/projects/windows10cookbook/laptop-mockup.webp`}/>
</picture>

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/windows-10-cookbook/laptop-mockup-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/windows-10-cookbook/laptop-mockup-w480.webp"
    />
    <img
      src="/images/software/projects/windows-10-cookbook/laptop-mockup.webp"
      alt="Mockup on a laptop"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/windows-10-cookbook/laptop-mockup.webp">
      Mockup on a laptop
    </a>
  </figcaption>
</figure>

---

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/windows-10-cookbook/mobile-mockup-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/windows-10-cookbook/mobile-mockup-w480.webp"
    />
    <img
      src="/images/software/projects/windows-10-cookbook/mobile-mockup-w800.webp"
      alt="Mockup on a laptop"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/windows-10-cookbook/mobile-mockup.webp">
      Mockup on a smartphone and tablet
    </a>
  </figcaption>
</figure>
