https://github.com/getfrontend/site-koff

Website of online furniture store made on plain JavaScript without any Frameworks. ES6 Modules + Navigo + Axios
https://github.com/getfrontend/site-koff

Last synced: 3 months ago
JSON representation

Website of online furniture store made on plain JavaScript without any Frameworks. ES6 Modules + Navigo + Axios

• Host: GitHub
• URL: https://github.com/getfrontend/site-koff
• Owner: getFrontend
• License: mit
• Created: 2023-10-03T07:21:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-13T06:19:34.000Z (over 1 year ago)
• Last Synced: 2025-01-30T21:14:55.327Z (5 months ago)
• Language: HTML
• Homepage: https://koffshop.vercel.app
• Size: 1.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## About

Website of online furniture store Koff made on plain JavaScript without any Frameworks. Layout from figma design.

In the process of development: implemented output of products on the page, adding favourite products to Favourites, adding products to cart with subsequent order placement, and sending data to the server.

All demo data is stored in LocalStorage.

![](https://github.com/getFrontend/site-Koff/blob/main/koff-preview_1280x720.png?raw=true)

Interface language: Russian

* [Live demo](https://koffshop.vercel.app/)

* [Version without JS rendering](https://koffshop.vercel.app/app-no-render/)

### HTML & CSS:

* Mobile-first workflow

* [Valid code](https://validator.w3.org/nu/?doc=https%3A%2F%2Fkoffshop.vercel.app%2F "Valid code")

* HTML Semantic Tags

* BEM (Block, Element, Modifier)

* SCSS

* CSS Flexbox

* CSS Grid

### Javascript

The project has a structured form. The Singleton pattern was used when writing the code.

The Singleton Pattern limits the number of instances of a particular object to just one.

* OOP & ES6 Classes

* ES Modules

### JS libraries

* Navigo (navigation, routing, hooks)

* Axios

* Swiper

### PageSpeed Insights

✅ [Mobile](https://pagespeed.web.dev/analysis/https-koffshop-vercel-app/rr3xbgvwhm?form_factor=mobile "Mobile"): 79 / 78 / 100 / 100

✅ [Desktop](https://pagespeed.web.dev/analysis/https-koffshop-vercel-app/rr3xbgvwhm?form_factor=desktop "Desktop"): 100 / 77 / 95 / 100

### API

* [https://koff-api.vercel.app/](https://gist.github.com/Quper24/63685a499e19e0e3c4a197fc564e0776)

### Build

* Vite