Code Monkey home page Code Monkey logo

vue-ecom's Introduction

logo



VueStoreFront is an easy, readily available, mobile-ready, up-to-date StoreFront template.

  • 🍀 Minimal UI
  • 👑 Unique design
  • ✨ Smooth experience
  • 💡 Fast Optimized Build
  • 🛠️ Highly modularized

Tech

VueStoreFront is build over a number of openSource projects:


Installation

# Open the project folder
cd Vue-Ecom && npm install

# for Development:
npm run dev

# for Producation:
npm run build

Project Structure

Vue-Ecom/
├── assets/
│   ├── styles/
│   └── __Project Assests__
├── Components/
│   ├── Details/
│   ├── Header/
│   ├── Home/
│   ├── Products/
│   ├── Cart.vue
│   ├── ContactForm.vue
│   ├── Footer.vue
│   ├── Header.vue
│   ├── NewsLetter.vue
├── Composables/
│   │   └── useAsset.ts
├── Layouts/
│   │   └── default.vue
├── Pages/
│   │   ├── Details/
│   │   ├── Contact.vue
│   │   ├── Index.vue
│   │   └── Products.vue
├── Plugins/

Dev enviroment:

More information on what constitutes the enviroment:

Plugin README
Nuxt DevTools [https://devtools.nuxtjs.org/]
Vite [https://vitejs.dev/guide/]
Prettier [https://prettier.io/docs/en/index.html]
Eslint [https://eslint.org/docs/latest/]
AutoPrefixer [https://autoprefixer.github.io/]

License

WTFPL

Free Software, Hell Yeah!

Why dont you contribute?

vue-ecom's People

Contributors

dependabot[bot] avatar rash0 avatar w3bdesign avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

mary-tyler-moore wser kriskornel anhnguyenpku mengheangsok ecoent fintis massimiliano76 neron1234 vivekpatil94 hectonpdomingos ahmedhelalahmed bjccz diegocaldeira reevadere vinodugale257 7253641 msdoc11 ahmadlb-maker monottawa davecheez pietiaonan reade-contentsquare wicool ollivr omerurhanisg chinadean taojigu rastann anhtuyetdut quedeve this2like dvalink4li pete2543 khujamurod97 deangite thuanvv toever1503 jonghwan-ra cloudnepal belgarad sajalkhan dapravith ohhjee ndarshi jonesisg1 alilabib matheusvps pedropankaj jaswan26 joelpmonteiro ifazo patrickjades91 ekotechsolutions shhusna arouna170

vue-ecom's Issues

Hello Thare is a small problem

Hello There is a small problem with your project
There is an image with the name "con.jpg" in assets folder
and this name is invalid name in windows you cant name an image or folder or file by some names and con is one of them
I had to change the Image name and change the src in the file that it used in
thank you, and your project is awesome

Product Info page display wrong item infomation

I think the following code has some problem, which is display wrong item on info page. When an item is clicked on /products page, item data will be pushed to state.infoPage. So 'info' page should display the last item in the state.infoPage, not the first item in the array.

Vue-Ecom/src/store.js

Lines 140 to 144 in 588f8d2

infoLength(state) { // Info Component
if(state.infoPage.length > 0) {
return state.infoPage.splice(0, 1)
}
}

And also, the files in dist/ folder looks is not the most recent compiled code generated by 'npm run build'

btw, I think it's a nice project with elegant UI.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.