All Projects → icguanyu → pokeStore

icguanyu / pokeStore

Licence: other
pokeStore寶可商店 搬移至Vue CLI 3 引入vuex

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to pokeStore

Vue Pokedex
A Pokédex made with Vue.js 📕
Stars: ✭ 22 (-21.43%)
Mutual labels:  pokemon, vue-cli
newbark-unity
🌳 A proof-of-concept Pokémon-style Retro RPG game framework created with Unity 🔥🌿💧⚡️
Stars: ✭ 139 (+396.43%)
Mutual labels:  pokemon
alfred-pokedex
Alfred 3 workflow to lookup information about Pokemon
Stars: ✭ 24 (-14.29%)
Mutual labels:  pokemon
vue-quasar-manage
Management system template based on Vue / quasar
Stars: ✭ 171 (+510.71%)
Mutual labels:  vue-cli
AwPicker
移动端最好用的的筛选器组件
Stars: ✭ 22 (-21.43%)
Mutual labels:  vue-cli
gitemon
👾 Gotta Catch 'Em All!
Stars: ✭ 15 (-46.43%)
Mutual labels:  pokemon
Vuets
A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.
Stars: ✭ 24 (-14.29%)
Mutual labels:  vue-cli
vue-pokemon-memory-game
Pokémon Memory Game
Stars: ✭ 48 (+71.43%)
Mutual labels:  pokemon
vue-demos
This is the repo for vue2.x-demos
Stars: ✭ 23 (-17.86%)
Mutual labels:  vue-cli
vue-cli-3.x-doc-cn
vue-cli 3.x 中文文档
Stars: ✭ 49 (+75%)
Mutual labels:  vue-cli
theme-vue-bluesoul
hello blog 默认主题 - 诚挚邀请小伙伴们贡献自己的主题
Stars: ✭ 41 (+46.43%)
Mutual labels:  vue-cli
porybox
Porybox is a platform that allows you to display your Pokémon collection.
Stars: ✭ 38 (+35.71%)
Mutual labels:  pokemon
QuestionTime
📚 Quora-like Single Page Application built with Django, Django REST Framework and Vue JS
Stars: ✭ 76 (+171.43%)
Mutual labels:  vue-cli
OpenPoGoWeb
Web View for OpenPoGoBot
Stars: ✭ 79 (+182.14%)
Mutual labels:  pokemon
PokemonChineseTranslationRevise
《宝可梦》第四、第五世代汉化修正
Stars: ✭ 51 (+82.14%)
Mutual labels:  pokemon
ljq vue music
vue2 + vue-router2 +vuex + jsonp + es6 +webpack 抓取QQ音乐真实数据的移动端音乐WebApp
Stars: ✭ 43 (+53.57%)
Mutual labels:  vue-cli
vue-cli-template-library
Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease
Stars: ✭ 61 (+117.86%)
Mutual labels:  vue-cli
ljq eleme
vue2 +vue-router2 + es6 +webpack 高仿饿了么Web app商家详情核心模块
Stars: ✭ 22 (-21.43%)
Mutual labels:  vue-cli
Vue-music-
🎧Vue全家桶打造的QQ音乐
Stars: ✭ 51 (+82.14%)
Mutual labels:  vue-cli
vue-douban
http://recklesslmz.com/vue-douban/dist/#/home
Stars: ✭ 19 (-32.14%)
Mutual labels:  vue-cli

pokestore 寶可電商

Demo

https://icguanyu.github.io/pokeStore/dist/#/

簡介

此為前端練習作品,主要功能為:

  • 前台: 商品展示(分類、單一商品詳細介紹)、購物車功能、下單、結帳資訊、管理員登入等
  • 後台: 產品管理(新增/修改/刪除)、訂單管理、優惠券管理。

主要練習

  • VueCli (2) --> (3) 10/8
  • Vuex
  • VueRouter
  • 元件概念
  • Webpack
  • API操作
  • RWD
  • 手刻前台css

內容介紹

loading

小智與皮卡丘的可愛過場

最新商品

最新上架的商品(由左至右),最多十筆

購物車

電腦版含購物車小動畫

商品過濾

詳細內容

單一商品詳細介紹,自訂數量並顯示小計,同時加入購物車

結帳資訊

訂單資訊

送出訂單

後台

後台並無特別客製或RWD,主要使用bootstrap

使用外掛

過濾功能

  • 價格符號與分位
  • 字數限制
  • 日期轉換(後台)

詳細內容

耗費工時

約5個工作天,每日八小時(或以上)。

感謝

仍有許多內容未完善,實際體驗架設一個小電商後才發現:

要完成的細節真的太多了,難怪架一個好的電商要幾十萬或上百萬(汗,而且真的不是一個人能完成的。

內容來源

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].