Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gudzsv/web-shop

Simple online store selling sneakers
https://github.com/gudzsv/web-shop

js talewind vite vue vuejs webshop

Last synced: 28 days ago
JSON representation

Simple online store selling sneakers

Host: GitHub
URL: https://github.com/gudzsv/web-shop
Owner: gudzsv
Created: 2023-12-31T11:55:26.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-04-18T15:33:41.000Z (8 months ago)
Last Synced: 2024-04-19T11:36:50.338Z (8 months ago)
Topics: js, talewind, vite, vue, vuejs, webshop
Language: Vue
Homepage: https://gudzsv.github.io/web-shop/
Size: 1.56 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# web-shop

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```

+++++++++++++++++++++++++++++
[auto-animate plugin](https://auto-animate.formkit.com/#usage-vue)

- `npm install @formkit/auto-animate`
- add `import { autoAnimatePlugin } from '@formkit/auto-animate/vue'` in `maim.js` file
- also add `use(autoAnimatePlugin)` in `main.js`.
- add directive to ul or parrent div: `v-auto-animate`

tailwind

[Vue Router](https://router.vuejs.org/installation.html)

1. install

Back End use [Mokky dev](https://mokky.dev/)

Mokky orders
https://117293b69b3e925a.mokky.dev/orders
[]

Mokky favorites
https://5c2ef9148b61d8a7.mokky.dev/favorites
[]

Mokky items
https://5c2ef9148b61d8a7.mokky.dev/items

```json
[
{
"id": 1,
"title": "Men's sneakers Nike Blazer Mid Suede",
"price": 129,
"imageUrl": "/sneakers/sneakers-1.jpg"
},
{
"id": 2,
"title": "Men's sneakers Nike Air Max 270",
"price": 156,
"imageUrl": "/sneakers/sneakers-2.jpg"
},
{
"id": 3,
"title": "Men's sneakers Nike Blazer Mid Suede",
"price": 84,
"imageUrl": "/sneakers/sneakers-3.jpg"
},
{
"id": 4,
"title": "Sneakers Puma X Aka Boku Future Rider",
"price": 78,
"imageUrl": "/sneakers/sneakers-4.jpg"
},
{
"id": 5,
"title": "Sneakers Future Rider",
"price": 95,
"imageUrl": "/sneakers/sneakers-5.jpg"
},
{
"id": 6,
"title": "Sneakers Nike Black Edition",
"price": 169,
"imageUrl": "/sneakers/sneakers-6.jpg"
},
{
"id": 7,
"title": "Sneakers Orange Boomb Edition",
"price": 74,
"imageUrl": "/sneakers/sneakers-7.jpg"
},
{
"id": 8,
"title": "Sneakers Nike Air Max 270",
"price": 156,
"imageUrl": "/sneakers/sneakers-8.jpg"
},
{
"id": 9,
"title": "Sneakers Nike Air Force 1",
"price": 59,
"imageUrl": "/sneakers/sneakers-9.jpg"
},
{
"id": 10,
"title": "Sneakers Adidas Ultraboost",
"price": 115,
"imageUrl": "/sneakers/sneakers-10.jpg"
},
{
"id": 11,
"title": "Sneakers Reabok Clyde All-Pro",
"price": 76,
"imageUrl": "/sneakers/sneakers-11.jpg"
},
{
"id": 12,
"title": "Sneakers Puma Chuck Taylor All-Star",
"price": 130,
"imageUrl": "/sneakers/sneakers-12.jpg"
}
]
```