Art gallery website

Two-page art gallery project, users will be able to view the optimal layout depending on their device's screen size.

Single-page design portfolio

Users should be able to view the optimal layout for the site depending on their device's screen size, navigate the slider.

Equalizer landing page

Users will be able to view the optimal layout depending on their device's screen size.

GitHub user search app

The app allows to search for GitHub users by their username, see relevant user information based on their search, switch between light and dark themes.

Galleria slideshow site

Users should be able to navigate the slideshow and view each painting in a lightbox.

Interactive pricing component

Users should be able to use the slider and toggle to see prices for different page view numbers and view the optimal layout for the app depending on their device's screen size.

Crowdfunding product page

The page allows users to make a selection of which pledge to make, see an updated total money raised based on the pledge total after confirming a pledge and see the number of total backers increment by one after confirming a pledge.

Tip calculator app

The app calculates the correct tip and total cost of the bill per person.

Blogr landing page

Users should be able to view the optimal layout for the site depending on their device's screen size and see hover states for all interactive elements on the page.

Typemaster pre-launch landing page

The layout shifts from mobile, to tablet, to desktop. Users should be able to view the optimal layout depending on their device's screen size and see hover states for interactive elements

Sunnyside agency landing page

Users should be able to view the optimal layout for the site depending on their device's screen size and see hover states for all interactive elements on the page.

Ping coming soon page

Users should be able to receive an error message when the form is submitted if the input field is empty ("Whoops! It looks like you forgot to add your email") or the email address is not formatted correctly ("Please provide a valid email address").

Intro component with sign-up form

Users should be able to receive an error message if any input field is empty and the email address is not formatted correctly.

Base Apparel coming soon page

Users should be able to view the optimal layout depending on their device's screen size, receive an error message when the form is submitted if the email address field is empty or not formatted correctly.

Pod request access landing page