Myself

Who am i?

Hi, i'm Patrício.
I'm passionate about Web Development & Networks and this is my portfolio for the projects made while taking The Odin Project curriculum :)

My Path:

  • The-Foundations
  • Fullstack Javascript

Tools used:

  • Canva
  • Figma
  • Gimp
  • Git
  • Linux
  • Visual Studio Code

Languages used:

  • HTML5
  • CSS
  • Javascript

My Projects

Odin's Recipes Preview

Odin's Recipes

The very first project i made for The Odin Project.

It's a simple HTML & CSS project created for playing around with images and flexbox.

Odin's Landing Page

Odin's Traveling Agency

Another simple HTML & CSS project created for playing around with images and flexbox where i had the opportunity to build a ficticious landing page.

Viking's Rock Paper Scissors

Viking's Rock Paper Scissors

This was a fun one. It was the first project where i used Javascript paired with HTML & CSS and the general concept was to build a Viking themed rock, paper, scissors game.

Tux-A-Sketch

Tux-A-Sketch

Definitely the most challenging project on 'The-Foundations' section. The project was built using HTML, CSS & JS and it aims to build a pixel art grid where you can create your custom designs.

Calculator

Calculator

The last project of 'The Foundations' section of The Odin Project. A basic operations calculator built with HTML, CSS & JS.

Sign up

Sign up Form

The first project of the 'Full Stack JavaScript' section. A sign up form built with HTML, CSS & JS.

Dashboard

The Dashboard

This one had a slight learning curve, i was forced to work with the grid concept in order to build a dashboard with HTML & CSS.

Odin's Library

Odin's Library

Up to this stage, this was the project i enjoyed the most. It was built with HTML, CSS & JS and it's a fully functional virtual library, the catch? Well, if you refresh the browser, you lose all of your books since there is no DB behind it...

Tic Tac Toe

Tic Tac Toe

Debatably the worst design in terms of UI, but it got the job done... This was yet another project built with HTML, CSS & JS and it's a Tic Tac Toe game where you can play against another player or against an AI.

The Restaurant Page

The Restaurant Page

This project, (currently a WIP one), has been a really fun one so far. This is where i got my first experience with webpack and made a fully javascript built restaurant page.