https://github.com/ilkaytech/e_commerce_website_design

https://github.com/ilkaytech/e_commerce_website_design

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ilkaytech/e_commerce_website_design
• Owner: ilkaytech
• Created: 2023-06-16T18:19:22.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-28T18:29:47.000Z (almost 3 years ago)
• Last Synced: 2025-08-24T19:48:08.239Z (10 months ago)
• Language: HTML
• Homepage: https://yokyoktech.netlify.app
• Size: 6.27 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project : E-Commerce Website Design

## Description

Project aims to create a e-commerce site.

## Project Skeleton

```

E-Commerce Website Design (folder)

|

|----readme.md                                  # Definition of the project

|----solution

        |----CSS (folder)

              |----components

                  |----single-product

                         |----breadcrumb.css

                         |----product-gallery.css

                         |----product-info.css

                         |----product-tabs.css

                  |----blog-item.css

                  |----campaign-item.css

                  |----campaign-single.css

                  |----category-item.css

                  |----modal-dialog.css

                  |----modal-search.css

                  |----product-item.css

                  |----reviews.css

                  |----slider.css

              |----layout (folder)

                    |----footer.css

                    |----header.css

              |----pages (folder)

                    |----account.css

                    |----blog.css

                    |----cart.css

                    |----contact.css

                    |----home.css

                    |----single-blog.css

                    |----single-product.css

                 |----base.css

                 |----main.css

        |----img (folder)                        # Images of the project

        |----Js (folder)

                 |----singe-product

                    |----colors.js

                    |----comments.js

                    |----tabs.js

                    |----thumbsActive.js

                    |----values.js

                    |----zoom.js

              |----cart.js

              |----data.json

              |----glide.js

              |----header.js

              |----main.js

              |----product.js

              |----search.js

              |----single-product.js

              |----slider.js

    |----index.html

    |----blog.html

    |----account.html

    |----cart.html

    |----contact.html

    |----shop.html

    |----single-blog.html

    |----single-product.html

```

## Outcome

🔗 [e-commerce website](https://yokyoktech.netlify.app/index.html)




![e-commerce website](./yokyok.gif)

![e-commerce website](./yokyoktech.png)

### The following issues are covered in the project;

- HTML

- CSS

- Js

## Resources

- [Images](./img)