Discover more

Delhaize Wines App

A React-Native App

The cover image for the Delhaize Wines project displaying the app on three Apple Iphones.

Delhaize Wines App

What is the project?

The Delhaize Wines app was a multi-platform app I made in React-Native for the module Smart-App Development at school. It has no connection to Delhaize and I made up my own test data with the help of their website.

How?

I started creating the app designs in Adobe XD, once this was done I made up the test data with the help of the Delhaize official website. Once finished I could start developing the app in React-Native, I also used the Expo environment for the external API's en the deployment on both mobile devices. This was the first larger app I developed React-Native. In the app you can order wines, this was made through a post API I setup with Azure Cloud and SendGrid. I also made a local login/register system and used several Expo API's: the permissions, gradient & camera API.

An image for the Delhaize Wines project displaying the wine detail page on an Apple Iphone

Result

An image for the Delhaize Wines project displaying the log in screen, the wines screen and the account screen of three different Apple Iphone devices.
An image for the Delhaize Wines project displaying the wine detail screen and the wine order screen of three different Apple Iphone devices.
An image for the Delhaize Wines project displaying the loading screen, the confirmation screen and the failure screen of three different Apple Iphone devices.