Hi there,

Explore Bestselling Books App

I sketched, wireframed and researched UI designs for inspiration for this app. The goal of this project was to combine two APIs returning JSON data for an interesting user interaction. I used the New York Times Books API to fetch a filterable list of bestselling books. The goodquotesapi.herokuapp.com API was used to request quotes for a given book the user selects. The quotes are meant to help users decide whether to purchase a book and if so, users can go to the specific Amazon page for the book.

Technologies:

• HTML/CSS
• Flexbox
• Javascript
• jQuery
• Fetch API

Live app: mxio.github.io/explore-bestselling-books

Repo: https://github.com/mxio/explore-bestselling-books

Quiz App

I developed this quiz app where users are presented with a question and four choices to choose from. The user's progress and score is tracked at the bottom of the quiz. After each answer, the user receives feedback on whether their answer was correct or incorrect. At the end, the user can see their total score and have the option of restarting the quiz.

Technologies:

• HTML/CSS
• Javascript
• jQuery

Live app: mxio.github.io/quiz-app

Repo: https://github.com/mxio/quiz-app

Login Form

This login form validates the email and password fields to only accept emails and passwords with six or more characters. The design was created by me.

Technologies:

• HTML/CSS
• Javascript

Live app: Codepen

Tab

This tab component allows users to click each tab and view the content within it. It is responsive, so the tab becomes an accordion on mobile.

Technologies:

• HTML/CSS
• Javascript

Live app: Codepen