https://github.com/tuildes/landing-page-vue2

Website usando o layout GREATNESS em Vue 2 a fim de treinamento da linguagem.
https://github.com/tuildes/landing-page-vue2

frontend json-server landing-page node16 nuxt2 vue2 vuetify

Last synced: about 16 hours ago
JSON representation

Website usando o layout GREATNESS em Vue 2 a fim de treinamento da linguagem.

• Host: GitHub
• URL: https://github.com/tuildes/landing-page-vue2
• Owner: tuildes
• Archived: true
• Created: 2023-09-02T01:25:41.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-06-01T22:26:34.000Z (8 months ago)
• Last Synced: 2024-09-27T19:03:27.704Z (4 months ago)
• Topics: frontend, json-server, landing-page, node16, nuxt2, vue2, vuetify
• Language: Vue
• Homepage:
• Size: 20 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Landing Page GREATNESS

> [!NOTE]

> Landing Page feito em `Vue 2` e `Nuxt.js` baseado em um layout greatness. Feito como projeto de fixação e capacitação do @tuildes na linguagem na Ecomp [^1]. Sendo totalmente responsiva, contando também com uma dashboard para edição de certos conteúdos dinâmicos da página.

## ☕ Info

- **Layout**: https://demos.freehtml5.co/greatness/index.html

- **Data**: 10/09/2023

- **Linguagem**: `Vue.js 2`, `Vuetify`, `Nuxt`, `json-server`

## 🐛 Comandos

  ```bash

  # Colocar a versão do node certa (NVM)

  nvm use 16;

  # Instalar pacotes e depedências do projeto:

  npm install;

  # Rodar o projeto

  npm run dev;

  # Rodar o back-end simulado (json-server)

  json-server -w -p 8000 db.json;

  ```

## 🚀 Arquivos

    .

    ├── .github                  # Pasta com imagens do README

    ├── assets                   # Pasta com arquivos de build, como css

    ├── components               # Pasta com componentes reutilizáveis (.vue)

    ├── layouts                  # Pasta com layout da aplicação (.vue)

    ├── middleware               # Pasta com middlewares (.js)

    ├── pages                    # Pasta com as páginas e roteamento (.vue)

    ├── static                   # Pasta com imagens estáticas do projeto

    ├── store                    # Pasta que controla a STORE VueX (.js)

    |

    ├── .prettierrc              # Configuração do prettier

    ├── .eslintrc,js             # Configuração do eslint

    ├── db.json                  # Database usada pelo json-server

    ├── jsconfig.json            

    ├── nuxt.config.js           # Configuração do funcionamento da aplicação

    ├── package.json             # Pacotes do proejto

    |

    └── README.md     

## Demonstração da aplicação

- Home (computador):

  ![Página inicial do Projeto PC](.github/home-pc.png)

- Home (mobile):

  ![Página inicial do Projeto MOBILE](.github/home-mobile.png)

- Contato:

  ![Página de contato do Projeto](.github/contato.png)

- Dashboard:

  ![Dashboard do Projeto](.github/dashboard.png)

[^1]: **Empresa Júnior** de Informática da UFPR - ECOMP. Site: https://ecomp.co/