daehako Goto Github PK

105-coding_resources

Resolved a merge conflict. Edited the same line of code in the same file on different branches and merged the branches. Resolved conflicted file by choosing the best commit. Committed your changes and pushed commit to GitHub account

105-project

Forked, cloned, and modified repo of a sample webpage with robot character. Pushed changes to GitHub

105-turn_back_time

Turning back time on a repo. Used the 'git log' command to view the commits and found the commit to rewind back to as the version desired. Made backup copy of branch in the event of a mistake.

206-breakpoints-starter-2021

Built two media queries that will encompass all of the different variations that this website will need. Used mobile first approach and all the main styles for mobile, then created a media query with breakpoints for tablets and desktops. Tested by assigning the body element a different background color at each width.

206-center-flexbox-starter

206-colors-starter

Made style changes to pre-existing media queries, adding media queries of of my own. Edited the styles such that the columns change colors on tablets and desktop. Took the existing mobile version. Edited the background-color property of each ID (tablet, mobile, desktop) such that the colors of the columns change when the browser width changes

206-divs-flexbox-starter

Wrote code such that three divs line up in a row, evenly spaced, using flexbox. Code is built to have three divs and a section that is wrapped around them with the class of wrapper, and minimal CSS to add color. Applied text, typography and color to build out website incorporating flexbox

206-final-flexbox-layout

Took divs using flexbox and transformed them into three widget modules. Customized colors, fonts, borders. Completed design adding header and footer.

206-flexbox-customize-starter

Using flexbox properties to center align the main content of a website both horizontally and vertically with CSS properties. Customized with own background image, divs and text.

206-flexbox-starter

Simple website layout with Flexbox -display: flex; flex-flow: row wrap;  justify-content: space-between;. Wireframe layout with blocks of colors for potential website

206-font-colors-starter

Change the font colors on every device configuration for mobile, tablet and desktop based upon a client's request.

206-skillcrush-center-flexbox-starter-2

Set HTML and body elements to have 100% height and set the margins to 0 so containers take up 100% of the screen. Set the base font size at 16px. Added flexbox CSS and centered content vertically and horizontally. Flex properties added to the body element applied to the body and its children. Added background image to cover and styled up text.

git-practice

Forked and cloned a new repo called git-practice. Added a new page with personal best advice for learning how to code. Note: other coders have also added an advice page to this repo. Edited pre-designed template for advice page, then added a link to it in the index.html file. Pushed the changes to forked repo.

github-repo-gallery

Personal github repo gallery of web projects

gobk-volunteer-form

guess-the-word

Guess the Word! It's a game! Try it! ✨

hello-world

My first repository on GitHub

hotel-list

Created with CodeSandbox

intro-react-confetti

js-l12-challenge-01

Javascript function that randomly chooses an object in the images array for a random image generator page. Built another function to update the photographer’s name and the image URL for the randomly selected image.

js-l12-practice-exercise-01

Random user generator. Parsed the data to a JSON file and then create an array with the data. Built a function expression to populate data on the page, including the country, name, and profile image.

js-l12-practice-exercise-03

Simulate being a kindergarten teacher with an upcoming field trip, determining which students still need to register. Using JavaScript to fetch data from a JSON file with an array of student objects

jubilee-austen

Built a mock static home page for a professional portfolio in HTML5 and CSS3. The portfolio belongs to a fictional web developer named Jubilee Austen

name-tag-generator

Created with CodeSandbox

portfolio

Personal Web Developer Portfolio

resumefit

rogue-pickings-responsive

Took a previously built static website so that it uses breakpoints and flexbox to be fully responsive. Set up mobile styles by modifying CSS and then by adding in tablet and desktop styles using media queries

slideluck

Relaunch of Slideluck homepage February 2013

static-to-fiuld-project

Using responsive meta tag in HTML to allow elements and fonts to correct scale on mobile devices. Edited the CSS on this greyscale demo website modifying using fixed widths to using percentages

stworkshop