This is AIRe App, an app created for the control and use of the "AIRe Mask" [a design concept of a smart mask which protects people from contaminants while breathing. This mask was designed mainly for runners and cyclists in cities, as a University project].

(Check the "AIRe Mask" Project Here)

The AIRe App has been designed to give the best experience to users while using the mask. 

- My cities: Users can add the favourite cities to check the weather and Air Quality Index (AQI)

- My Air: Users can check the weather and Air Quality Index (AQI) of their location. At the same time can control the connection with their mask and check its battery (to know when it needs to be charged) and the life of the filter (to know when it needs to be changed).

- My Data: Users can check the route they have made wearing the mask, the kilometers, Kcal, the duration of the ride/run/walk and the breathing rate per min.

- User: users can upload a profile picture, set up their weight, height and age and connect the "AIRe App" to other apps such us "Strava", "Fitbit" or "Garmin". They also can check notifications like "charge your filter" or "your mask is at 10%, you should charge it" and change the settings of the app.

The design of this mask has been based on one of the biggest UITrends of 2020 which is "Neumorphism": 

"Neumorphism or soft UI, combines developments of flat design and skeuomorphism. It is a visual style that combines background colors, shapes, gradients, highlights, and shadows to ensure graphic intense buttons and switches. All that allows achieving a soft, extruded plastic look, and almost 3D styling." [1] [Check in the link at the end of the project to know more about it]

Color Palette: #000000   |   #EAEBF3   |   #23B6BB   |    #7C7C7C

- 

[1] Neumorphism. The Next Big Thing In UI Design?. Medium.

https://medium.com/@openGeeksLab/neumorphism-the-next-big-thing-in-ui-design-11e703df3ab0#:~:text=Neumorphism%2C%20or%20soft%20UI%2C%20is,look%2C%20and%20almost%203D%20styling.