Skip to content

Commit

Permalink
added bookmarks page added animation
Browse files Browse the repository at this point in the history
  • Loading branch information
gudzsv committed Jan 23, 2024
1 parent 0ecef9e commit 91017c0
Show file tree
Hide file tree
Showing 13 changed files with 405 additions and 197 deletions.
104 changes: 104 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,3 +33,107 @@ npm run build
```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"
}
]
```
10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<meta charset="UTF-8" />
<link rel="icon" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sneakers</title>
</head>
<body>
<div id="app"></div>
Expand Down
34 changes: 33 additions & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 4 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,12 @@
"format": "prettier --write src/"
},
"dependencies": {
"@formkit/auto-animate": "^0.8.1",
"axios": "^1.6.3",
"lodash.debounce": "^4.0.8",
"volar-service-vetur": "^0.0.17",
"vue": "^3.3.11"
"vue": "^3.3.11",
"vue-router": "^4.2.5"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.3.3",
Expand Down
Loading

0 comments on commit 91017c0

Please sign in to comment.