Trilheiros

📖 Descrição

Trilheiros é um projeto autoral desenvolvido com Vue 3 e Quasar Framework. A aplicação foi criada como uma solução inovadora para gerenciar e compartilhar informações sobre trilhas, roteiros e guias de turismo.

Este é um projeto de autoria original, concebido e desenvolvido como uma iniciativa pessoal para explorar as capacidades modernas do ecossistema Vue.

🚀 Funcionalidades

• ✨ Interface responsiva e moderna com Quasar Framework
• 🎨 Componentes Vue 3 com Composition API
• 🛣️ Sistema de páginas para gestão de trilhas e guias
• 🔀 Roteamento dinâmico
• 📧 Sistema de contatos integrado
• 📱 Design mobile-first
• ⚡ Otimizado para performance

📋 Pré-requisitos

• Node.js (versão 16 ou superior)
• npm ou yarn

🛠️ Instalação

Instale as dependências do projeto:

yarn
# ou
npm install

🏃 Como Executar

Modo de Desenvolvimento

Inicie o servidor de desenvolvimento com hot-reload:

quasar dev

A aplicação estará disponível em http://localhost:8080

Build para Produção

Crie uma versão otimizada para produção:

quasar build

📝 Scripts Disponíveis

Lintagem

Verifica a qualidade do código:

yarn lint
# ou
npm run lint

Formatação

Formata automaticamente o código:

yarn format
# ou
npm run format

⚙️ Configuração

Para personalizar a configuração do projeto, consulte a documentação oficial do Quasar.

🌍 Páginas Disponíveis

• HomePage - Página inicial
• TrilhaPage - Detalhes de trilhas
• GuiasPage - Guias de turismo
• ContatoPage - Formulário de contato
• IndexPage - Página de índice

📁 Estrutura do Projeto

src/
├── components/      # Componentes Vue reutilizáveis
│   ├── EssentialLink.vue
│   ├── ExampleComponent.vue
│   └── models.ts
├── pages/          # Páginas da aplicação
│   ├── HomePage.vue
│   ├── TrilhaPage.vue
│   ├── GuiasPage.vue
│   ├── ContatoPage.vue
│   └── IndexPage.vue
├── layouts/        # Layouts principais
│   └── MainLayout.vue
├── router/         # Configuração de rotas
│   ├── index.ts
│   └── routes.ts
├── css/            # Estilos globais
│   └── app.css
├── assets/         # Recursos estáticos
└── boot/           # Inicializadores da aplicação

🔧 Troubleshooting

Se encontrar problemas ao executar o projeto:

1. Limpe as dependências: Delete node_modules e .quasar, depois execute yarn install novamente
2. Limpe o cache: Execute yarn cache clean
3. Verifique a versão do Node: Certifique-se que está usando Node.js 16+

🤝 Contribuições

Como este é um projeto autoral, discussões e sugestões são bem-vindas.

👨‍💻 Autor

Projeto autoral desenvolvido como uma exploração das tecnologias modernas do Vue 3.

📄 Licença

Este projeto é autoral. Consulte os detalhes de licença se houver interesse em utilização.