This is an project for the course AGRI485 course. We build a website to show the distribution of milk brands and the brand of cows.Also, we will provide some of the latest news on dairy products.With this website, you can know more about famous milk brands, you just need to enjoy it!
- Technologies
- Maps
- News
- Rankings
- Galleries
. ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │ ├── 061218-06.jpg │ │ ├── HelloWorld.vue │ │ ├── Image1.png │ │ ├── Image2.png │ │ ├── Image3.png │ │ ├── Pacifico-Regular.ttf │ │ ├── asd.jpg │ │ ├── bg1.jpg │ │ ├── eberhard-grossgasteiger-EYOv2WF_edA-unsplash.jpg │ │ ├── logo.png │ │ ├── newspaper.png │ │ ├── pexels-joshua-woroniecki-9357489.mp4 │ │ ├── pinterest_board_photo.png │ │ └── source1.jpg │ ├── components │ │ ├── BackButton.vue │ │ ├── ImageCard.vue │ │ └── NewsBlock.vue │ ├── db.ts │ ├── main.ts │ ├── plugins │ │ └── element.js │ ├── router │ │ └── index.ts │ ├── shims-vue.d.ts │ ├── type.ts │ ├── util.ts │ └── views │ ├── Gallery.vue │ ├── Main.vue │ ├── Map.vue │ ├── News.vue │ ├── Rank.vue │ ├── SplashPage.vue │ └── Technology.vue ├── tsconfig.json └── vue.config.js
npm install
npm run serve
npm run build
- vue3
- element-ui
- leaflet
- echart