So far, I've had plenty of practice to hone my skills. I've been working with landing and clone pages to solidify my HTML and CSS skills; dynamic pages and web application to test out my knowledge of JavaScript; as well as created many Shopify Development stores to add Shopify Liquid to my portfolio.
This fitness company landing page mostly features the use of media queries with major rearrangement of the layout based on the resolution of user's viewport.
Working on Instagram Sign-up clone page helped me solidify my HTML and CSS skills, as I've tried to create a pixel-perfect copy.
Media queries were used to scale the page and change the layout according to the resolution of the viewport. So there are three versions of this clone page: mobile, tablet and desktop.
The page was created in Codepen (HTML and CSS only).
Year Up is an organization that offers education to people to help close opportunity divide. I've created the landing page for them. I generally stuck to the color scheme that represents the organization, their logo and linked this page to yearup.org.
No JavaScript was used. Only HTML and CSS.
This landing page is hosted on Netlify.
This simple development clothing store, Two Clothes, features a Prestige theme.
This store doesn't use any custom theme coding. All the features were provided by Prestige theme: Megamenu, banners, and featured product lookup among others.
Two Clothes has a fully set up backend with integrated Google Analytics and Facebook Market.
Comfort Side uses advanced Shopify with custom coded themes. A Debut theme was used for the base of the store.
Since this store features one original product and one associate product, I disabled price and Buy Now button for the associate product. I also added custom description tabs that vary between the original and associate products.
Base theme did not have templates for such pages as Contact, About us and FAQ, I have created these templates for the store.
Comfort Side store has fully set up backend with integrated apps: review app (Judgeme), Facebook Market, and Google Analytics.
This simple 3-question quiz features JavaScript. The quiz has Next, Back, and Submit buttons that show up when it's appropriate. As well as the question counter, and the result.
For this project I used public API provided by Pexels, a stock photos website.
The app is a simple photo search. It listens to the keyword and displays all of the photos that match the keyword and author of the photo.
Twitter project features dynamic HTML from JSON and AJAX. Furthermore, based on the query in the address bar, the page can be filled out with the chosen user's information (see /?user=user1 in the address bar).
As far as the design goes, I tried to recreate general design of Twitter app.