A Pen by Angela Johnson on CodePen.
Angela Johnson amjohnson38
amjohnson38
/ Random Quote Machine Project #3.markdown
Last active
May 21, 2016 00:13
Random Quote Machine Project
amjohnson38
/ FreeCodeCamp Weather App Project: Show Me The Weather .markdown
Last active
May 28, 2016 01:32
FreeCodeCamp Weather App Project: Show Me The Weather
The purpose of this project was to build a weather app where the user can see the weather at their current location, receive the temperature in either Fahrenheit or Celsius if they desire, and also include a picture to reflect the weather in the given location. In order you to get the full effect of this project, please make sure that you have used (https instead of http) in the Codepen address link.
A Pen by Angela Johnson on CodePen.
amjohnson38
/ Free Code Camp Project: Wikipedia Viewer.markdown
Created
May 31, 2016 14:20
Free Code Camp Project: Wikipedia Viewer
This project's purpose is to allow the user to search Wikipedia and to receive a random article if they click the Random Article button. In order to achieve the viewer's functionality, I used JavaScript, JSON, and jQuery. I also added some animation to the query search and retrieval.
A Pen by Angela Johnson on CodePen.
amjohnson38
/ FreeCodeCamp Twitchtv JSON API Zipline Project :Who's On Twitchtv?.markdown
Created
June 7, 2016 19:33
FreeCodeCamp Twitchtv JSON API Zipline Project :Who's On Twitchtv?
The objective of this project is to build an app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/Myvqmo/. Also, it needed to address the following parameters: 1. The user can see whether Free Code Camp is currently streaming on Twitch.tv. 2. The user can click the status output and be sent directly to the Free Code Camp's Twitch.tv channel. 3. If a Twitch user is currently streaming, I can see additional details about what they are streaming. 4. The user will see a placeholder notification if a streamer has closed their Twitch account (or the account never existed).
A Pen by Angela Johnson on CodePen.
This Pomodoro clock was built to satisfy one of the requirements for Free Code Camp's Front End Certification. The clock starts with a 25 minute work timer and a 5 minute break timer (these can be changed to satisfy the user's need). The clock also has the functionality to be started, paused and reset by the user. I've added some animation and color to indicate which timer is active , and also an alarm that alerts the user when either the work time or break time has elapsed.
A Pen by Angela Johnson on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Place Title Here</title> | |
| </head> | |
| <body> | |
| <div id='resetContainer' class='popupContainer'> | |
| <div id="resetGameBox" class="popUp"> | |
| <h3 id="endOfGameStatement"></h3> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Simon Game</title> | |
| </head> | |
| <body> | |
| <div id="resetContainer" class="popupContainer"> | |
| <div id="gameStatementBox" class="loserPopUp"> |
This is an easier version of the classic game Simon where the computer plays a sequence of colors and the player has to repeat the sequence in order to move on to the next round. The player wins the game when they can successfully complete 5 rounds. There are two modes of play: General: if the player misses a color in the sequence, the computer will repeat the last sequence until the player gets it right. Strict: the player has to be perfect in repeating the computer's color sequence. If the player misses any part of the sequence, the game is over.
A Pen by Angela Johnson on CodePen.
amjohnson38
/ carousel-website-template.markdown
Created
October 28, 2016 15:15
Carousel Website Template
This template was built with a business in mind. A business that uses this template can showcase images of their previous projects or any picture they desire to their site visitors. The website uses a carousel effect to cycle through the images.
A Pen by Angela Johnson on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <body> | |
| <div class="flexcontainer"> | |
| <a href=" " id="one"> | |
| <div class="overlay"> | |
| <div class="overlay-inner"> | |
| <h2 class="title">Title</h2> | |
| <p class="descript"></p> | |
| </div> |
OlderNewer