Portfolio

James Merges (530) 601-0353

GitHub

LinkedIn

Email

Resume

Coding Homepage Project

One Stop Shop for All Your Coding Needs!

For this project, (demo on the right) I worked with Michael Medina and Ryan Kirkland to create a coding homepage. We used animate.css, Bulma and several different APIs (including NY Times, GIPHY, Zenquotes) to create a sort of all-in-one page for coders. Coders are faced with a high amount of information bloat every day, and this page is designed to help people by providing a homepage that acts like a central hub for coding resources.


My specific tasks were to create a technology news carousel that displays several current articles:
News Preview

And a notes section that allows the user to record and save their notes to their local machine:
Notes Preview

I also made a dark mode functionality for the page so it's less jarring on the eyes.

Project Preview
Code Quiz Preview

Quiz Game

quiz to test coding knowledge

This application is a little quiz that tests the user's coding knowledge. It features a timed quiz with several multiple choice questions and a high score page which displays all the high scores stored on the machine.


HTML, CSS and Bootstrap were used to construct the basic layout of the page, and javascript was used to run the quiz.

Weather Dashboard

displays any city's weather forecast for the next 5 days

This application searches for a city's weather data and displays it on the screen. It also forecasts the next 5 days for the city. Each time a city is searched it is added to a list that is stored in localstorage. This list is displayed on the left hand side of the screen, and each city on the list is a clickable button that pulls up that city's weather data.


I was given an image to go off of, but other than that I built the application from scratch using html, javascript, and Bulma which is an online collection of CSS classes.

Weather Dashboard Preview