Media Player

Simple music player with a modern design and full functioning (play/pause, previous and next song). User can also click in progress bar to seek different parts of the track. This project was developed with html, css and javascript.

Kanban Board

A kanban board is an agile project management tool designed to help visualize work, limit work-in-progress, and maximize efficiency. It can help both agile and DevOps teams establish order in their daily work.

It is possible to drang and drop each item for different columns, create new items, update and delete existing items. It also allows saving in localStorage.

Joke Teller

This javascript project allows you to fetch jokes from JokeAPI and then convert the textual content into speech with Voice RSS API.

Video player

This video player was built with javascript, allowing to play/pause, seek in progress bar, control the playback speed, control the volume and still play in full screen.

Infinitive Scroll

This is a simple training app based on HTML, CSS and Javascript. It allows fetch the data in JSON format from the Unsplash Api and insert the photos into the DOM on initial loading.

When the user scrolls close to the bottom of the page the app makes another GET request to the API and inserts photos into the DOM (lazy loading).

Pong

This project uses Canvas HTML elements to create a classic pong game. Users play against the computer. The player who reaches 7 points, is the winner.

Just Play!!

Quote Generator

This project allows feth the data in JSON format from the API and insert a random quote into the DOM on initial loading. The user is able to load a new quote on a button 'New Quote" click and to tweet the quote if he liked it on a 'Twitter' button click.

Calculator

This is a simple and classic calculator developed with javascript.

NASA APOD

NASA APOD allows: feth the data in JSON format from the NASA API, insert into the DOM on initial loading and add item to your favorites list.

Animated Template

This project add animation with AOS (Animation On Scroll library) into a template Tailwind Starter Kit design by Creative Tim.

Animated Navigation

This project have a full screen animation from a hamburger menu, using css animation and javascript.

Slash Page

This project was already styled on Figma. With javascript we can change different backgrounds.

Paint

This project is a very basic paint app, that uses Canvas API. It allows draw on canvas (brush), change brush color, change canvas background color (brucket), erase draw element (eraser), change brush/eraser thickness (slider), clear canvas, save/load/clear localStorage and save as an image file.

Form validation

This project allows to validate: no field remains empty, minimum length of username and password, password validation with RegExr, correct email and website format and password and confirm password match. If the form is validated, an object is created with the data entered, which can be viewed on the console.