Shopping Cart - Project of HTML, CSS, and JavaScript developed by me (Raphael Martins) at the end of the Unit 9 Module 1 of the Web Development course at Trybe

Overview

Prévia da página - Preview of the page

Shopping Cart

🇧🇷 Português

Projeto de HTML, CSS e JavaScript desenvolvido por mim (Raphael Martins) ao final do Bloco 9 do Módulo 1 do curso de Desenvolvimento Web da Trybe. Obtive aprovação com 100% dos requisitos obrigatórios e opcionais atingidos.

O projeto consistiu no desenvolvimento de uma página dinâmica buscando dados de produtos com a API do Mercado Livre. Também tivemos que implementar testes unitários com o framework Jest para verificar a implementação das funções assíncronas. A página consiste em um site de compras que a pessoa usuária pode adicionar ou remover itens do carrinho.

Clique aqui para conferir o resultado do projeto no navegador.

Aviso de direitos autorais

Este projeto foi desenvolvido para fins de aprendizado, todo o código e textos de documentação em português e inglês são de minha autoria e os direitos pertencem exclusivamente a mim. É permitido baixar ou clonar o repositório para fins de estudo, porém, não é permitido publicar cópias totais nem parciais. Este aviso não cobre as bibliotecas e dependências, estas estão sujeitas a licenças próprias. Também não cobre o simulador da pasta mocks/ que já estava implementado.

🇺🇸 English

Project of HTML, CSS, and JavaScript developed by me (Raphael Martins) at the end of the Unit 9 Module 1 of the Web Development course at Trybe. I was approved with 100% of the mandatory and optional requirements met.

We developed a dynamic web page fetching for products data from the Mercado Livre API. We also had to implement unit tests by using the Jest framework to verify our asynchronous functions. The page is an ecommerce website that the user can add or remove items from the shopping cart.

Click here to check out the final version of the project on your browser.

Copyright disclaimer

I developed this project for learning purposes, all the code and documentation texts in Portuguese and English are my authorship, and the rights belong exclusively to me. It is allowed to download or clone the repository for study purposes. However, it is not allowed to publish full or partial copies. This disclaimer does not cover libraries and dependencies, which are subject to their respective licenses. It also does not cover the fetch simulator in mocks/ that was already implemented.

My grade of the project - Minha nota no projeto

You might also like...

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

JustGage JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector d

Jan 3, 2023

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to

Dec 3, 2022

It is an app that allows you to create lists of books and authors made in the course of Microverse. This project was develop using JavaScript, HTML and CSS.

AWESOME BOOKS This is an Awesome book store project that add store and diplay books on the UI. Built With HTML,CSS, JavaScript Frameworks Github, Lint

Jul 28, 2022

17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

Linkr | Back end WIP Full Stack Development Project Browse Nodejs code» - Front end code» Built With Study Playlist In this section I included all You

Aug 23, 2022

17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

Linkr | Front end WIP Full Stack Development Project Browse JSX code» - Back end code» Built With Study Playlist In this section I included all Youtub

Jun 20, 2022

Project of "Web Development" course for the Bachelor's degree in Computer Engineering, taken at the University of Pisa. Final evaluation: 30/30.

La battaglia della Meloria Welcome! This is the 🇬🇧 version of the README file. Click here for 🇮🇹 version. Introduction Historical reinterpretation

Oct 6, 2022

Web-Technology with Aj Zero Coding. In this tutorial we learn front-end and back-end development.

Installation through NPM: The jQWidgets framework is available as NPM package: jQuery, Javascript, Angular, Vue, React, Web Components: https://www

Nov 19, 2022

This is an app developed in the Microverse course, it is a simple app used for developing a task list, using JavaScript modules and webpack

TODO LIST This is an app developed in the microverse course, developing a task list, using Javascript modules and webpack A simple app to help you man

Jul 28, 2022

Full-stack-todo-rust-course - we are building this out now in prep for the real course

full-stack-todo-rust-course wip - we are building this out now in prep for the real course Plan Come up with the requirements Create user stories Desi

Jan 2, 2023
Owner
Raphael Martins
Web development student at Trybe/ Estudante de desenvolvimento web na Trybe.
Raphael Martins
Meme Generator - Project developed in the Trybe fundamentals module

Meme Generator Projeto desenvolvido no módulo de fundamentos Trybe Habilidades desenvolvidas Manipular o DOM com javaScript Requisitos Obrigatórios (t

Bel Albuquerque 3 Jul 22, 2022
This is an imitation of the Amazon online shopping store. Users can add and remove items from the cart, proceed to checkout and make payments.

AMAZON This is an imitation of the Amazon online shopping store. Users can add and remove items from the cart, proceed to checkout and make payments.

Kevv_in 7 Mar 23, 2022
Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scalable code in e-commerce applications.

This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates a

Ivan Kuznietsov 3 Feb 8, 2022
We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation project

Проект сайту "Filmoteka" Привіт! ?? Ми студенти групи під назвою "Special-Team" академії GоIT ?? ?? Ми закінчили курс JavaScript і для того, щоб закрі

Oksana Banshchykova 12 Jan 3, 2023
A minimal e-commerce store using Gatsby, SANITY, Stripe, Use-Shopping-Cart and Netlify

?? Gatsby Starter Stripemart Like a supermarket but for Stripe. No ongoing monthly costs. Perfect for artists, creators and independent builders doing

Eric Howey 26 Nov 14, 2022
Shopping cart built with React

Shopping Cart In this project, I performed operations such as listing products, adding products to the cart and removing products from the cart, which

Efecan Pınar 6 Jun 17, 2021
Automatically generate unit price for applicable items when shopping online.

Unit Price Helper Unit Price Helper is an Google Chrome extension that allows to display the prices per unit for the products on multiple shopping sit

Yang 6 Nov 18, 2022
Project developed as Capstone of Q4 Backend module of the Fullstack Developer Course of Kenzie Academy Brasil by the group @ezms, @Nafly09, @RafaelSchug, @victorlscherer, @Vinicius2m, @ManoelaCunha

✨ Quokka Services ✨ ?? Serviço rápido e sem preocupação! ?? O objetivo da nossa aplicação é diminuir a dificuldade que moradores de condomínios encont

Manoela Fernanda Girello Cunha 4 May 4, 2022
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers

PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati

null 9 Oct 5, 2022
Dynamic-web-development - Dynamic web development used CSS and HTML

Dynamic-web-development ASSISNMENT I just used CSS and HTML to make a mobile int

null 1 Feb 8, 2022