Night Life is a weather app designed specifically for those going out in Providence. This app allows you to see local up-to-date weather-based, featuring elements specific to going out late at night.
Creating this app was a little bit out of my element. I didn’t fall within the target audience being I don’t go out on a weekly basis, or even monthly. I had to adjust to the mindset of a partygoer. Mood boarding helped me jump into the element and my goal was to portray this across the app. I also wanted it to stand out from other weather apps.
Along the way, I encountered a few design challenges. I coded the website from scratch using HTML, CSS, and JavaScript. Although working with CSS and HTML comes naturally, working with CSS to align items to the grid was a bit difficult. One issue I ran into was aligning the temperature, and high and low to the center of the row. I used a three-row grid with auto 1FR auto and tried everything to align it. After looking over my code I found an error the height of the grid was on the temperature section, versus on the entire grid. Finding this error allowed me to get the results I planned in my original mock-ups.