Élio Vieira Front-EndDeveloper

About me

Hey! I'm Élio, a Front-End Developer based out of Lisbon. From producing music for artists all around the world to build <Things/> on the web, I love to mix logic && minimalistic design to make user-friendly web applications.

Graduated in Information Systems, Web & Multimedia at Universidade Europeia. I'm a strong believer in self-taught programming, skilled in front-end development with a desire to learn and to grow in a collaborative team environment.

Skills

  • HTML5

  • CSS

  • JavaScript + ES6

  • React

  • Sass

  • Visual Studio

  • Photoshop

  • After Effects

Projects

MoviePlug

A responsive single page application where users can view a paginated list of movies/series based on their search, click on the movie they want to watch and check the details(synopsis,director, actors) for each movie. I used The Movie DB API for this project.

Technologies: React, JavaScript, HTML, CSS

React Quiz
Spotify API app

Spotify

A Spotify themed single page application where users can search for songs available on Spotify, order songs by music genres and add their favorite songs to a playlist. I developed this application using Spotify API.

Technologies: React, JavaScript, HTML, CSS

ReactQuiz

A 15-question quiz about React library. The answer is always just 1 word. User must pick the right letters to find the solution and got a limited number of attempts. This project helped me to improve my React skills, as far as using hooks && retrieve data from external files.

Technologies: React, JavaScript, HTML, CSS

React Quiz
I Learned today SPA

iLearnedToday

A single page application where users can read/insert facts, filter through categories and also react to them by leaving upvotes/emojis. This was a great project to learn how platforms like Twitter work behind the scenes, and also helped me to discover Supabase which is an easy way to build/host databases.

Technologies: React, JavaScript, HTML, CSS, Supabase

To Buy List

A minimalistic SPA where users can create a list of products by inserting name and price of each product, it will save the information in a database (through Supabase) and it will instantly show the total price for the list. The main goal for this project was to practice using insert/delete, retrieve data from a database and also to create something clean/simple as far as design.

Technologies: Vanilla JavaScript, HTML, CSS

To buy list
form with progress bar

Form

An authentication form with a progress bar that will only update/work if the user inserts the right information. This helped me to consolidate my knowledge on validating forms in React and also to learn how a progress bar works.

Technologies: React, JavaScript, HTML, CSS