AlfaRiza/Vuetball

Create website football information for search nationality, league, club, player

VuetBall Web

This project is web about information fooball

Tech

• Vue 3
• Vue Router
• Tailwind
• Vite
• Axios
• postcss
• Typescript
• Node 18

Recommended IDE Setup

• VS Code + Volar

How to run this project

copy the env file

cp .env.example .env

install dependency

npm install

run project

npm run serve

Folder Stucture

+src
    +app
        +infrastructure
            +api
                +ApiService.ts (API interaction)
                +Endpoints.ts (define endpoint)
            +utils
                index.ts (collection of function utils)
        +ui
            +assets (Contains assets like images, css)
            +components (reusable components)
            +composable (stateful logic)
            +layouts (root component)
            +router(define route)
            +views (UI for page)

Path

this project use absolute path

Demo apps

Demo video