https://github.com/harrytran998/hackathon-entrade-2021

https://github.com/harrytran998/hackathon-entrade-2021

Last synced: 24 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/harrytran998/hackathon-entrade-2021
• Owner: harrytran998
• Created: 2021-04-17T03:25:26.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-06-23T06:36:29.000Z (over 3 years ago)
• Last Synced: 2023-03-08T16:56:15.466Z (over 1 year ago)
• Language: Vue
• Size: 824 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# `Vite 2.x + Vue 3.x + Tailwind 2.x starter ⚡`

![Vite, Vue, Tailwind CSS](https://user-images.githubusercontent.com/11320080/111277027-a9384c00-8640-11eb-8323-21889bd7c609.png)

This starter template also includes:

- [Vue Router 4.x](https://github.com/vuejs/vue-router-next)

- [Inter var font](https://github.com/rsms/inter) (self-hosted, woff2, v3.17, with 'preload' attr, check out index.html)

- [Just-in-Time](https://tailwindcss.com/docs/just-in-time-mode) mode by default introduced in Tailwind CSS v2.1 (in preview!)

- [Headless UI](https://headlessui.dev/vue/menu) - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS

- [Heroicons](https://github.com/tailwindlabs/heroicons#vue) - beautiful hand-crafted SVG icons,

by the makers of Tailwind CSS

First-party plugins needed for Tailwind UI:

- [tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms)

- [tailwindcss/typography](https://github.com/tailwindlabs/tailwindcss-typography)

- [tailwindcss/line-clamp](https://github.com/tailwindlabs/tailwindcss-line-clamp)

- [tailwindcss/aspect-ratio](https://github.com/tailwindlabs/tailwindcss-aspect-ratio)

### Getting Started 🚀

npm:

```sh

npm install

npm run dev

npm run build

npm run serve

```

yarn:

```sh

yarn

yarn dev

yarn build

yarn serve

```

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/web2033/vite-vue3-tailwind-starter)

#### Bonus links

- [vue-tailwindcss-cdn](https://github.com/web2033/vue-tailwindcss-cdn) (a single HTML file with CDN links)

- [CodePen Template](https://codepen.io/web2033/pen/QWNbwxY) with a similar stack (Vue 3.x + Tailwind 2.x + Inter var font)

- [base.css](https://github.com/web2033/base.css) (base styles for Tailwind CSS and other projects as an NPM package)

- [Pinia](https://pinia.esm.dev/introduction.html) - state-management alternative to Vuex 4 with a similar to upcoming Vuex 5 API

- [VueUse](https://vueuse.org/functions.html) - collection of essential Vue Composition Utilities