Skip to main content

Project List

HTML CSS JS​

Parallax example

This is a parallax made using HTML and CSS.

Navbar

This is a Navbar component created using HTML, CSS. I also used Flexbox and Media query to make the navbar responsive.

Test css grid

This project is just a test how the grid css works.

Javascript example codes​

JS code project

This is a project about my javascript codes

TAILWINDCSS​

Codesandbox tailwind landing page

This example, I used tailwind to create a simple landing page example responsive.

REACT JS​

Pokemon Api using NextJs

This project I used Nextjs framework and I also used a pokemon free API and tailwind to style the site.

API project example - jason placeholder

This project I used the jasonplaceholder API to create a simple page, with content loader button. This project also was create using the codesandbox website.

SVELTE​

Svelte component age

This is a example that a did using Svelte. This example is about up and down a age, and also using the conditional to show if that person is adult or young.

Svelte list

This is a simple example of a list created using svelte, and also the possibility to remove a item from the list.

Online CV

This project I created to show my personal CV.

VUE JS​

Front end with 3D model

This project is a prototype. I used babylonJs to be able to add a 3d model on html. I also used the VueCLI to create this project.

Project consuming the Hacker News API

This project was created using the Hacker News API.

Project consuming the JSONplaceholder

This project was created using VUE 3 and the free API JSONplaceholder.

Project notepad online

This project was created using VUE 3. This is a simple note app to take notes and save it.

Project nature site

This project was created using VUE 3. This is a simple site using the nuxt api about nature information.