Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/intummadee/ohmm-amulet-shop

bootstrap css ecommerce-website education html html-css html-css-javascript javascript js learning localstorage sass shopping-cart starter-project static-website study-project website

Last synced: 15 days ago
JSON representation

Host: GitHub
URL: https://github.com/intummadee/ohmm-amulet-shop
Owner: Intummadee
Created: 2024-07-18T12:03:37.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-21T13:16:12.000Z (6 months ago)
Last Synced: 2024-11-07T04:30:56.237Z (2 months ago)
Topics: bootstrap, css, ecommerce-website, education, html, html-css, html-css-javascript, javascript, js, learning, localstorage, sass, shopping-cart, starter-project, static-website, study-project, website
Language: HTML
Homepage: https://ohmm-amulet-shop.netlify.app/
Size: 10.2 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        
 



 Ohmm-Amulet-Shop 

 













 ▶ Visit : Ohmm-Amulet-Shop 

  WEB TECHNOLOGY | 2rd Year Term 1/2022 





> [!IMPORTANT]

> ## Ref 

> ```https://www.mcdonalds.co.th/mcDelivery/category/burger```

## Getting Started

To get started, follow these steps:

1. Clone this repository using `git clone https://github.com/Intummadee/Ohmm-Amulet-Shop.git`

2. To navigate to a directory named OhmmAmulet using `cd OhmmAmulet`

3. Install dependencies using `npm install`

4. Run the app using `npm start`

---

## Tech Stack :

- **Language:** HTML, CSS, Javascript, Bootstrap,  

- **Database:** Local Storage

- **Version Control:** Git and GitHub

- **Code Editor and tools**: VS Code

---

## 🍁 How to Run

- **Sasss** : IMPORTANT! Browsers can only read CSS, not SCSS directly, so you must always compile SCSS to CSS first and link the CSS file in your HTML file.

```npx sass --watch views/styles.scss:views/styles.css```

---

 

  
 🍹 Dependency  

  Sass package

  

    npm install -g sass : installs the sass package globally on your system

    npm install --save-dev sass :  installs the sass package as a development dependency within the current project.

  


---

## ⛱ Suggest Extension 

- Live Sass Compiler

---

## Ref

  https://sass-lang.com/guide/

  https://sass-lang.com/install/

  https://sweetalert2.github.io/

  https://codepen.io/kevinwitkowski/pen/MWbxNGe