Codepen

These web pages were made with Codepen. I add new web pages very often. You can check out my Codepen profile here. Feel free to check out the web pages below.

Wakanda Name Generator

Based on an image I found on Instagram, this generates your Wakanda name. Wakanda is from the Marvel movie, Black Panther.

  • HTML
  • CSS
  • JavaScript
Landing Page

This is a landing page for my blog, JMSPACE. It has links to my portfolio and blog on Meduim.

  • Mobile Responsive
  • Bootstrap
ROLSS

ROLSS is a project at NASA that I had the honor of working on. This page is a recreation of the poster that was presented at the Intern Presentation Day.

  • Custom Grid
  • Bootstrap

Free Code Camp

When starting to learn HTML and CSS, I found Free Code Camp. It has be a great curriculum to follow when wondering what my next step would be. FCC is a non-profit website for front-end and back-end development, offering tutorials and programming projects.

These web pages were made by following Free Code Camp. All my Free Code Camp projects can be found on Codepen. All the programs files can be found on Github.

JS Calculator

Need help with math, here's a simple calculator.

  • jQuery
  • JavaScript
  • CSS Grid
Pomodoro Clock

This page displays a timer that counts down to zero. This is known as the pomodoro clock, where you take breaks after doing a task for a certain amount of time.

  • JavaScript
  • jQuery
Wikipedia Viewer

This page displays the search results using Wikipedia's API.

  • API
  • jQuery
  • JavaScript

30 Days 30 Sites

This is a challenge of creating sites within 30 days. With this challenge, there are a great variety of sites to complete, which will help in develop skills to become a better developer. This challenge has helped me tremendous in learning basic front-end skills. This project can be found on Github.

Tourist Attraction

I chose the Yellowstone National Park as the tourist attraction for this site. I took infomation from the official website and displayed it on a single webpage.

  • HTML
  • CSS
  • Bootstrap
Iron Man

The movie is Iron Man, using all 3 movies in this site. All information on this site came from Wikipedia and marvel.com. Images are from the web. I believe that the layout is nicely executed on this site. The font and the colors work well together.

  • Bootstrap
  • Custom Grid
  • Accordion
  • Drop Down
Charitable Organization

A made up organization for charity. This website feature three webpages. Two of these webpages have forms on them.

  • Bootstrap
  • Forms
  • Mobile Responsive