madelinekreiff Goto Github PK

followers: 1.0 following: 0.0 repos: 45.0 gists: 0.0

Name: Madeline Reiff

Type: User

Bio: Drupal Developer

Location: California

Madeline Reiff's Projects

breakpoints-starter

Added breakpoints to media queries to create responsive websites

center-flexbox-starter

First practice with flexbox and aligning elements based on the flex-direction

colors-starter

Implemented the use of media queries by having background colors change with different web browser widths

election-map

Created a dynamic map of the U.S. with results of an imaginary election. Election results from each state are dynamically changed in a table when the mouse moves over each state on the map

flex-starter

Practiced using flebox, flex and flex-flow to create a clean layout in CSS

flexbox-practice

Practiced customizing a website in detail to further explore flexbox properties

font-colors-starter

Practiced using media queries and breakpoints to change the font colors for different web browser widths

git-practice01

Practiced forking, cloning and pushing changes from a remote repo

git-practice02

Forked and cloned a repo to learn about the forking workflow from GitHub to a remote computer

git-practice03

Practiced forking, cloning, creating a git repo from the command line, and pushing remote changes to the repo

git-practice04

Practiced forking, cloning, merging, pushing remote changes to the repo, and creating pull requests

github-repo-gallery

Used JavaScript and the GitHub API to fetch my profile and create a gallery of repos and their descriptions. Created a dynamic search bar to filter through repos and make searching easier

guess-the-word

Used JavaScript to program an interactive computer game by accessing the DOM to create event listeners and functions as well as use loops and conditional statements

javascript30

30 Day Vanilla JavaScript Challenge - these are just the forked starter files. Check out my other repos to see JavaScript30 completed projects!

js-pet-rescue

Created a factory function to efficiently create multiple objects for different pet names and characteristics which were then used to access the DOM and update a web page

js-potluck-guest-list

Interacted with the DOM to add event listeners and create functions to invite a certain number of guests to a potluck and assign them each a random dish to bring

js-random-image

Used JavaScript to interact with an API to pull and display a random image on a web page

js-random-users

Using Javascript and APIs, created functions and event listeners to display a specific number of random users on a web page

js-students-api

Using JavaScript, interacted with an API to get data on a list of students so conditional statements could be used to determine what names would be displayed on a web page

js-subscription-calculator

Implemented event listeners and conditional statements to calculate a subscription cost for different months and plans selected from a drop down menu

js30-clock02

Created an automatic analog clock that tracks the current time at all hours through JavaScript functions

js30-css-variables03

Used JavaScript to access DOM elements with event listeners to change CSS styles of an image such as spacing, blurring, and background color based on input from a range sliding bar

js30-drumkit01

Interacted with the DOM in JavaScript to create a keydown event that plays a specific audio from a drum set when a corresponding key is pressed

js30-flex-panel-gallery05

Implemented CSS classes with flex and transform styles, which were then used in JavaScript event listeners to toggle on and off. The classes transition in and out based on a cubic bezier

js30-html5-canvas08

Used HTML5 canvas and JavaScript to create a tool that draws rainbow lines as the mouse drags across the page. Worked with .getContext() and different attributes to change stroke styles and colors

js30-pt1-array-cardio04

Manipulated JavaScript arrays through a series of tasks about filtering, mapping and sorting. Answers were logged out in the console of Chrome Dev Tools and can be seen if the HTML page is inspected

js30-pt2-array-cardio07

Used JavaScript operators .some(), .every(), .find(), and .findIndex() to manipulate arrays. Answers were displayed in the console of Chrome Dev Tools and can be seen if the HTML page is inspected

js30-type-ahead06

Using JavaScript, created a dynamic search box for a list of cities and their corresponding states and populations. Searches created a regular expression which were used to find and display matches

jubilee-austen

Responsive portfolio website project that showcases the work and skills of an imaginary web developer. Used HTML, CSS and responsive web design to create a clean layout for any browsing device

lolcat-clock

Created a page that automatically shows the current time and changes an image based on what time it is. Used functions, DOM elements and event listeners

madelinekreiff Goto Github PK

Madeline Reiff's Projects

Recommend Projects

Recommend Topics

Recommend Org