Elisa Amaral's Projects
Body Mass Index Calculator coded in JavaScript, HTML and CSS.
Week 1 Assignment of the Brainnest Frontend Training: an HTML-only website with my favorite hobbies, movies and books.
Week 2 Assignment of the Brainnest Frontend Training. It's an HTML+CSS website for a fictional food delivery service named 5KΓΌtchen.
Week 3 Assignment of the Brainnest Frontend Training. It's a pure JavaScript ROCK PAPER SCISSORS game that interacts with the user in real time.
Week 4 Assignment of Brainnest Frontend Training. It's a calculator that runs chained math operations with two numbers at a time. It was coded in pure JavaScript, CSS and HTML.
Simple calculator built with JavaScript Constructor Function, CSS and HTML. Refactoring of the Calculator built with JavaScript Factory Function.
Simple calculator built with JavaScript Factory Function, CSS and HTML.
Template of a simple one-page corporate website, it was coded in pure HTML and CSS.
News website prototype coded in intermediate HTML and CSS.
Users can build responsive landing pages dynamically through Strapi back-end rendered by React.js front-end.
Database (queries + Entity-Relationship Diagram) for a fictional e-commerce.
Fashion model website prototype, coded in essential HTML and in basic CSS.
Home page of a fictional fashion watches online store named ExactTime, coded in HTML, CSS and Bootstrap 5.
Landing page of a website promoting a fictional personal finance service named Finans, coded in HTML, CSS, and Bootstrap.
Game coded in JavaScript, HTML, CSS and Bootstrap.
Login & Registration front-end templates coded in HTML, CSS and Bootstrap 5.
Movie catalog coded in JavaScript, AJAX, XML, HTML, CSS and Bootstrap.
Refactoring of the Movie Catalog project coded using JSON as the file format. Other technologies: JavaScript, AJAX, HTML, CSS and Bootstrap.
Home page of a fictional museum named National Museum, coded in HTML and CSS.
Home page of a fictional online urban painting gallery named Art. Technology Stack: HTML, CSS and Bootstrap 5.
Password generator that adds lower case letters, upper case letters, numbers and symbols. Technology Stack: JavaScript, NPM, Webpack (module bundler), HTML, CSS.
Personal expenses management system coded in JavaScript, HTML, CSS and Bootstrap plus localStorage (used as the database).
The Pomodoro Technique is a time management method.
Posts pagination and search built with React.js consuming the {JSON} Placeholder API as testing data (posts title, body text and photo).
Registration form template with JavaScript field validation. Error messages are displayed under each field if necessary. Built with HTML, CSS and JavaScript Object-Oriented Programming.
Detailed responsive one-page website template entirely built with HTML and CSS.
Landing page clone of an older version of Spotify, coded in HTML, CSS and Bootstrap.
Stopwatch coded in JavaScript, HTML and CSS.
Student Information System built with React.js to consume a REST API developed as the back-end.