Mobile app

My website is functional for both large and small screens. I have started by coding my main website and right after I used the @media function to make it work.

In order for the @media to work I had to copy and paste the CSS code and make sure that I do not delete anything. The reason being was that if I deleted something under the @media function, the command would still be applicable and this can get confusing after a long time of styling.

The outcome of the application had changed from the main idea. Starting from the login screen, I had to change the idea because of two factors. The first one was noticed when I did the presentation the first time. The design of my application is very simple but the login was something totally different. I was given feedback on it and was told that I better change it for the reason being that it doesn't fit with the app. The second problem was that I did try to style the main idea of the login but I couldn't do so. This was because I was still experimenting with the @media function. I had to ask my lecturer about it and he explained to me certain tips and tricks such as the !important command.

I have kept the color scheme that I chose the first time but I changed the font. The font that I presented is different from the one I have applied on my website. I found a better one that suited my taste and I also got some feedback on it because the first one was too light. The index page was done as explained with minor changes in icon sizing.  I have removed the Signin/register from the middle and placed everything on the right with an icon next to them.

I tried to style the sign in page but Koala was not compiling. I tried several times closing and and creating new settings for sass but this did not work. My sign in works but it is not fully compatible with a mobile device.

The calendar page was created but I did not manage to do an interactive calendar. I had a static calendar that I could place but I was focusing on finding and editing an interactive one that I could connect with PHP to store information etc.. Unfortunately I wasted a lot of time to do so and did not manage to finalize for my deadline.

The note taking application was stylized as I said and a menu from the left slides so that the user can choose his notes. The note taking appliaction works and the user can save only a note. No notes are displayed on the sliding menu as I did not manage to do so.

This was my very first time styling a mobile application and the next time that I will be doing something similiar I will not leave it for last. Before I started coding the mobile application I started my PHP. I tried to connect with phonegap but I did not know that this is not possible with PHP. I had to rename everything to html in order to use phonegap.