https://github.com/khouloudhaddad/search-meals

Vue 3 app | Vite | Composition API
https://github.com/khouloudhaddad/search-meals

composition-api restapi tailwind vue vue3 vuex

Last synced: about 1 month ago
JSON representation

Vue 3 app | Vite | Composition API

• Host: GitHub
• URL: https://github.com/khouloudhaddad/search-meals
• Owner: khouloudhaddad
• Created: 2023-05-11T10:48:02.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-17T12:40:02.000Z (over 1 year ago)
• Last Synced: 2024-11-11T19:47:18.446Z (3 months ago)
• Topics: composition-api, restapi, tailwind, vue, vue3, vuex
• Language: Vue
• Homepage:
• Size: 137 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## API

- [Meals DB API](https://www.themealdb.com/api.php)

## Steps

- npm create vite@latest <br/>

- Type project name, choose Vue and Javascript <br/>

- Open the project and Run `npm install && npm run dev` <br/>

- Clean the project & <strong>HAPPY CODING!!</strong>

- Navigate to [Install tailwind Css](https://tailwindcss.com/docs/guides/vite#vue) <br/>

- Run `npm install -D tailwindcss postcss autoprefixer` <br/>

- Run `npx tailwindcss init -p` <br/>

- Complete configuration && add styles <br/>

- Run `npm i vue-router@4` <br/>

- Run `npm i vuex@4 -S` <br/>

- Run `npm install -D @tailwindcss/forms`

## Icons Source

[https://heroicons.dev/](https://heroicons.dev/)