Google Homepage Clone
The Odin Project - Foundations - Google Homepage - OLD
The goal of this project is to complete a deconstruction and simplified rebuild of the Google Search homepage.
Danielle A.
Projects
Basic Recipe Website
The Odin Project - Foundations - HTML Foundations - Basic Recipe Website
The goal of this project is to build on and cement my HTML skills and knowledge.
Landing Page
The Odin Project - Foundations - Flexbox - Project: Landing Page
The goal of this project is to clone a landing page website using HTML and CSS.
Etch-A-Sketch
The Odin Project - Foundations - JavaScript Basics - Project: Etch-a-Sketch
The goal of this project is to continue to build on and cement my HTML, CSS, JavaScript, and DOM manipulation skills and knowledge.
Calculator
The Odin Project - Foundations - JavaScript Basics - Project: Calculator
The goal of this project is to continue to build on and cement my HTML, CSS, JavaScript, and DOM manipulation skills and knowledge.
Rock Paper Scissors
The Odin Project - Foundations - JavaScript Basics - Project: Rock, Paper, Scissors
The goal of this project is to build on and cement my JavaScript skills and knowledge.
Sign-up Form
The Odin Project - Full Stack JavaScript - Intermediate HTML & CSS - Project: Sign-up Form
Create a sign-up form for an imaginary service using client-side validation.
CSS Exercises
CSS Methods
Practice adding CSS to an HTML file using all three methods: external CSS, internal CSS, and inline CSS.
Class and Id Selectors
Practice class and id css selectors.
Grouping Selectors
Practice grouping css selectors.
Chaining Selectors
Practice chaining css selectors.
Descendant Combinator
Practice using the descendant combinator.
Cascade Fix
Fix the cascade to achieve desired outcome.
Margin and Padding 1
Edit style.css so that the divs look like the desired outcome.
Margin and Padding 2
Use margin and padding to style a card to look like the desired outcome.
Flex Center
Use flex to center a div.
Flex Header
Use flex to create a very common webpage header style.
Flex Header 2
Use flex to create another very common webpage header style.
Flex Information
Use flex to recreate a section that is found on many informational websites.
Flex Modal
Use flex to style a modal.
Flex Layout
Use flex to layout an entire page.
Flex Layout 2
Use flex to create the Holy Grail layout.
Grid Layout 1
Use grid to create the Holy Grail layout.
Grid Layout 2
Use grid to create a responsive Holy Grail layout.
Grid Layout 3
Use grid to create a responsive Holy Grail mockup.
JavaScript Exercises
Hello World
Walk through the process of running tests and make sure everything is set up and running correctly.
Repeat String
Write a function that simply repeats the string a given number of times.
Reverse String
Write a function called reverseString that returns its input, reversed.
Remove From Array
Implement a function that takes an array and some other arguments then removes the other arguments from that array.
Sum All
Implement a function that takes 2 integers and returns the sum of every number between(and including) them.
Leap Years
Create a function that determines whether or not a given year is a leap year.
Temp Conversion
Write two functions that convert temperatures from Fahrenheit to Celsius, and vice versa.
Calculator
Create a calculator that: adds 2 numbers, subtracts 2 numbers, sums an array of numbers, multiplies all values of an array of numbers together, takes 1 number to the power of a second number, and finds the factorial of a number.
Palindromes
Write a function that determines whether or not a given string is a palindrome.
Fibonacci
Create a function that returns a specific member of the Fibonacci sequence.
Get the Titles
Given an array of objects, write a function that takes the array and returns an array of titles.
Find the Oldest
Given an array of objects representing people with a birth and death year, return the oldest person.
Caesar Cipher
Implement the legendary Caesar cipher.