Mood Shop

Create a shopping site for buying moods

Live demo here.

Table of Contents

• General Info
• Technologies Used
• Features
• Installation
• Usage

General Information

• Project is built using HTML, CSS and Vanilla JavaScript
• The purpose of this project is to practice with Vanilla JavaScript

Important

• If you do not have Live Server then you will be unable to see any changes or errors with your code

Technologies Used

Tenor API

Features

List of features here:

• Users can add, remove and update their shopping cart
• When users refresh the page, the cart is reset
• Users can see different moods to buy and their total cost

Installation

See the appropriate guide for your environment and operating system.

a. HTML/CSS/JavaScript Installation

• There is no installation needed for JavaScript, HTML, CSS.

HTML, JavaScript and CSS is built into VSCode. If you would like to see your project then Live Server is needed.

b. Live Server Installation

• Head over to the plugins in VSCode (looks a stack of blocks) and then in the search bar, type Live Server. Download and you now have Live Server.

c. Tenor API Installation

• Head over to the quick start guide and click on the example requests for JavaScript

Usage

How does one go about using it?

User can see different moods with GIFs that are for sale.

User can add, update the quantity and delete moods from their cart.