https://github.com/gperilli/singlepageecshop
HTML single page ecommerce template and demo
https://github.com/gperilli/singlepageecshop
css html html5
Last synced: 9 months ago
JSON representation
HTML single page ecommerce template and demo
- Host: GitHub
- URL: https://github.com/gperilli/singlepageecshop
- Owner: gperilli
- Created: 2023-10-31T08:01:39.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-08-02T12:58:43.000Z (10 months ago)
- Last Synced: 2025-08-02T14:38:44.567Z (10 months ago)
- Topics: css, html, html5
- Language: CSS
- Homepage:
- Size: 9.92 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Single Page EC Shop
| | |
|---|---|
| 
| 
|
| [template](https://gperilli.github.io/templates-ecshop1/) | [demo](https://gperilli.github.io/templates-ecshop1/demo) |
This is a HTML single page ecommerce frontend template and demo. Items selected for purchase will appear in the shopping basket which will slide in from the right when opened. The total price of multiple items is calculated and displayed, but there is no connection to a server-side payment processor (such as Stripe). The original deisgn came from [https://imransdesign.com/](https://imransdesign.com/). I have removed Bootstrap from the source, created a shopping cart and responsive nav bar and reduced everything down to a single page template and demo.
## Built With
- [Vanilla JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - vanilla Javascript
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
## Getting the project files
Either do a direct download using the download option from the code button dropdown near the top of this Github page, or use a git clone command:
```
git@github.com:gperilli/templates-ecshop1.git
```
For more information on getting git (version control system) on your local machine, see [this](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git).
## Set Up a Local Development Environment
The web app will run directly on any modern web browser by opening the `index.html` file. The mockup file, `mockup.html`, features real product images and related text.
Editing the code can be done with a simple text edtitor, or something like [Notepad++](https://notepad-plus-plus.org/). [VSCode](https://code.visualstudio.com/), probably the most popular code editor these days, can be used with the Live Server plugin which allows for near-real-time monitoring for the HTML and CSS edits.