Daeha Ko's Projects
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
Forked, cloned, and modified repo of a sample webpage with robot character. Pushed changes to GitHub
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.
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.
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
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
Took divs using flexbox and transformed them into three widget modules. Customized colors, fonts, borders. Completed design adding header and footer.
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.
Simple website layout with Flexbox -display: flex; flex-flow: row wrap; justify-content: space-between;. Wireframe layout with blocks of colors for potential website
Change the font colors on every device configuration for mobile, tablet and desktop based upon a client's request.
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.
Cover letter generator utilizing Chat GPT and Gemini
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.
Personal github repo gallery of web projects
Guess the Word! It's a game! Try it! ✨
My first repository on GitHub
Created with CodeSandbox
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.
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.
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
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
Created with CodeSandbox
Personal Web Developer Portfolio
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
Relaunch of Slideluck homepage February 2013
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