https://github.com/el634dev/mood-shop

Create a shopping site for buying moods
https://github.com/el634dev/mood-shop

html-css-javascript webdevelopment

Last synced: over 1 year ago
JSON representation

Create a shopping site for buying moods

• Host: GitHub
• URL: https://github.com/el634dev/mood-shop
• Owner: el634dev
• Created: 2023-09-27T22:56:37.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-19T19:33:37.000Z (about 2 years ago)
• Last Synced: 2025-01-30T10:30:29.757Z (over 1 year ago)
• Topics: html-css-javascript, webdevelopment
• Language: JavaScript
• Homepage: https://el634dev.github.io/mood-shop/
• Size: 20.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mood Shop

> Create a shopping site for buying moods

> 

> Live demo [_here_](https://el634dev.github.io/mood-shop/).

## Table of Contents

* [General Info](#general-information)

* [Technologies Used](#technologies-used)

* [Features](#features)

* [Installation](#installation)

* [Usage](#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

[![Langs Used](https://skillicons.dev/icons?i=html,css,js)](https://skillicons.dev)

[![Code Editor](https://skillicons.dev/icons?i=vscode)](https://skillicons.dev)

>

[Tenor API](https://tenor.com/gifapi/documentation#quickstart)

## 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](https://tenor.com/gifapi/documentation#quickstart) 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.`