Skip to content

juanmaroni/the-odin-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Practice projects.

Overview

I didn't bother too much making them for tiny screens. I wanted to build something that covered the project instructions and satisfied me, then keep moving on.

odin-recipes

Basic HTML with a bit of CSS for fun.

landing-page

I used information and images from the About page.

I mostly followed the style instructions, but added subtle changes (I like Lato).

Screenshot landing-page

rock-paper-scissors

Rounds are defined by the player. Draws count as completed rounds.


New branch ("rps-ui"). I didn't want to delete it. I didn't want to overdo this project, I am satisfied with the result.

Rounds fixed to 5.

Screenshot rock-paper-sicssors

etch-a-sketch

I wanted to give CSS Grid a try.

Painting click to click.

Screenshot etch-a-sketch

calculator

Calculators look so simple in the front and so complex in the back...

Considerations:

  • No multi-sign (something like "--+-1").
  • I probably started with a bad approach.
  • Dealing with subtraction as negative numbers, adding a '+' operator in the back, in place of '-'. This means that "3-1" goes as "3+(-1)".
  • If there is any bug... sorry. ¯\_(ツ)_/¯

Screenshot calculator