All Projects → facebesidewyj → takeaway_demo

facebesidewyj / takeaway_demo

Licence: other
🔥A demo based on Vue.js, just for learning.

Programming Languages

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

Projects that are alternatives of or similar to takeaway demo

Tech-Writing-Linktree
✨ tech writer portfolio in the style of linktree ✨
Stars: ✭ 26 (-51.85%)
Mutual labels:  html-css
micc-api-samples
Repository for creating sample usages of the MiCC API
Stars: ✭ 17 (-68.52%)
Mutual labels:  html-css
profext
👣 Profile Extension - A profile 🔎 search engine for accessing my all social media profile in one tap.👨‍💻👩‍. This chrome extension let's you track your profiles on any account in a single click.
Stars: ✭ 43 (-20.37%)
Mutual labels:  html-css
friday-design-system
Friday Design System core components.
Stars: ✭ 11 (-79.63%)
Mutual labels:  html-css
css2video
Python library to convert CSS animations into video
Stars: ✭ 55 (+1.85%)
Mutual labels:  html-css
JustCopy
No description or website provided.
Stars: ✭ 24 (-55.56%)
Mutual labels:  html-css
DisplayStructureElements
Display the structure of the elements in web template.
Stars: ✭ 17 (-68.52%)
Mutual labels:  html-css
development-best-practices
程序员开发规范,其中包括Java、JavaScript、CSS、Oracle、MySQL的开发编码规范和规约
Stars: ✭ 14 (-74.07%)
Mutual labels:  html-css
Focus
Mix sounds to make the best environment for you
Stars: ✭ 19 (-64.81%)
Mutual labels:  html-css
happy-birthday
🎂 Responsive Birthday Card - Made with Jquery and CSS
Stars: ✭ 85 (+57.41%)
Mutual labels:  html-css
COFFEECON2020
This project is a fully responsive site that fulfills Microverse’s HTML/CSS Capstone Requirements
Stars: ✭ 33 (-38.89%)
Mutual labels:  html-css
Material-Design-Resume
A simple resume template with a material design touche , testing the Google style CSS ( indigo-green ).
Stars: ✭ 18 (-66.67%)
Mutual labels:  html-css
heroku-flask-template
A simple, fast and easy-to-deploy Heroku ready flask web app template written in Python.
Stars: ✭ 26 (-51.85%)
Mutual labels:  html-css
sierra
A Python library to write HTML and CSS in pure Python in a simple yet elegant manner using the DOM API. Take advantage of all of Python's powerful functionalities with Sierra
Stars: ✭ 83 (+53.7%)
Mutual labels:  html-css
website
Programming club, PU official website.
Stars: ✭ 14 (-74.07%)
Mutual labels:  html-css
Krishi-Seva
A Farmer friendly app and website to give crop recommendations according to soil samples collected by ICAR and the weather forecast.
Stars: ✭ 22 (-59.26%)
Mutual labels:  html-css
hexa
Awesome Css Animation. The documentation =>
Stars: ✭ 32 (-40.74%)
Mutual labels:  html-css
AMYs-Portfolio
This project is for HTML & CSS practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of js but the main purpose of this project is to practice HTML & CSS
Stars: ✭ 68 (+25.93%)
Mutual labels:  html-css
static-website
🖥 New Vue/Nuxt website for cdnjs.com - The #1 free and open source CDN built to make life easier for developers.
Stars: ✭ 47 (-12.96%)
Mutual labels:  html-css
QRCode-generator
Easily create your QR Code with this application.
Stars: ✭ 31 (-42.59%)
Mutual labels:  html-css

仿饿了么外卖平台

后端转前端,入坑Vue,使用Vue2.0开发了一个高仿饿了么的商家模块来练手,现在把这个Demo开源出来,希望入坑前端的同学可以一起学习,一起进步。

有问题可以在Issues里提,大家一起讨论。

项目安装步骤

  1. git clone 到本地
  2. npm install 安装依赖
  3. npm run dev 启动本地服务
  4. npm run build 项目打包

用到的技术栈

  1. Vue相关:Vue2.0、vue-cli、vue-router。
  2. 构建工具:Webpack。
  3. 代码风格规范工具:ESLint。
  4. JavaScript语法标准:ECMAScript 2015。
  5. CSS预处理:Stylus。
  6. 移动端滚动插件:better-scroll。
  7. 数据获取:axios。

实现的组件

  1. 商家列表header组件
  2. 商家商品列表组件
  3. 评价star组件
  4. 可伸缩使用flex布局的直线组件
  5. 购物车组件
  6. 购物车添加组件
  7. 商品详情组件
  8. 分隔块组件
  9. 评论选择组件
  10. 商家组件
  11. 活动图标组件

项目截图

    

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].