Experiments

Take a look at the projects I've built so far while learning to code.

erickrosa.dev

My Projects

portfolio

HashtagFinder

  • JS

A colaborative project built for the newtab Academy curriculum. The app connects with the Twitter API to return and render searched tweets and images

portfolio

Personal Portfolio and Blog

  • JS

my currently portfolio, built with Next.js, React and ChakraUI. The blog uses Notion as a headless CMS. The projects were fetched using GitHub API.

indice

Random Stoic Quote Generator

  • JS

Random Stoic Quote Generator for the FreeCodeCamp curriculum built with React and Styled-components.

indice

Markdown Preview

  • JS

Markdown preview for the FreeCodeCamp Curriculum, built with Vite, React and Styled-components.

indice

Payment App

  • JS

React project developed for the Newtab Curriculum. A Mockup of a Payment App. The app simulates sending money to another person via credit card by communicating with an API for validation and fetch user data.

indice

Academic Study Group Blog

  • JS

A responsive and customazible blog webpage that follows the JAMstack architecture. Built for my first client using Gatbsy, React and Netlify CDN.

indice

Budget App

  • HTML
  • CSS
  • JS

A budget app built as my solution for a front-end challenge. built with HTML, CSS and JS.

indice

Portfolio v3

  • HTML
  • CSS
  • JS

The old 3.0 version of my portfolio, built with Bootstrap and JQuerry.

ndice

Personal Blog

  • JS

A responsive personal blog webpage. Built with the SSG framework Gatbsy. This was my first project using Gatsby.

rosaerick-github-io-1024x768desktop-3c3f89

Javascript Calculator

  • JS

Simple Javascript calculator built for the freeCodeCamp Curriculum using react and vite.

rosaerick-github-io-1024x768desktop-3c3f89

Cyberpunk Pop Up Modal

  • HTML
  • CSS
  • JS

A simple Pop Up modal with cyberpunk theme built to practice design and JavaScript using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Philosophy Quote Genarator

  • JS

this is my first React projetct. A random philosophy quote generator. Built to practice React and API consumption.

rosaerick-github-io-1024x768desktop-3c3f89

25+5 Clock

  • JS

Simple 25+5 Clock built for the freeCodeCamp Curriculum using react and vite.

Old Pizza Landing Page

  • HTML
  • CSS
  • JS

A fake restaurant that serves only day old pizza. Fun project i've built to practice bootstrap and JS.

Portfolio v2

  • HTML
  • CSS
  • JS

My old portfolio version built with HTML, CSS and Javascript.

rosaerick-github-io-1024x768desktop-3c3f89

Snake Game JS

  • HTML
  • CSS
  • JS

A Snake Game built to practice JavaScript using HTML, CSS and JavaScript.

ndice

Dino Game JS

  • HTML
  • CSS
  • JS

A clone of the chrome browser dino game. Built using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Digital Clock

  • HTML
  • CSS
  • JS

A Digital Clock built to practice JavaScript using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Temperature Converter

  • HTML
  • CSS
  • JS

A Temperature Converter built to practice JavaScript using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Quick Tip Calculator

  • HTML
  • CSS
  • JS

A simple Quick Tip Calculator built to practice JavaScript using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Rock Paper Scissors Game

  • HTML
  • CSS
  • JS

A Rock Paper Scissors Game built to practice JavaScript using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-01d653

Currency Coverter

  • HTML
  • CSS
  • JS
  • Custom Currency Converter with custom input validation in JavaScript. Built using HTML, CSS and JavaScript.

ndice

HistoryFlix

  • HTML
  • CSS
  • JS

A responsive Netflix clone page with custom incrementation. A netflix of only History related films. Built using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-3c3f89

Instagram Clone

  • HTML
  • CSS
  • JS

A Instagram Mock up i've made to practice page design, built with HTML, CSS and JavaScript.

ndice

Portfolio

  • HTML
  • CSS
  • JS

A responsive one page portfolio webpage. Built using HTML, CSS and JavaScript.

rosaerick-github-io-1024x768desktop-f6e1a5

Survey Form

  • HTML
  • CSS

A fully functional and accessible product survey form. Built using HTML and CSS.

ndice

Product Landing Page

  • HTML
  • CSS

A responsive landing page using only CSS FlexBox. Built using HTML and CSS.

ndice

Product Landing Page

  • HTML
  • CSS

A responsive landing page with a custom video player. Built using HTML and CSS.

rosaerick-github-io-1024x768desktop-d49036

Technical Documentation

  • HTML
  • CSS

A responsive one page technical documentation page built using HTML and CSS.

rosaerick-github-io-1024x768desktop-3c3f89

Tribute Page

  • HTML
  • CSS

A tribute page dedicated to Kurt Cobain. Built using HTML, CSS.