https://github.com/nathanmontt/thepeople
To The People, for The People
https://github.com/nathanmontt/thepeople
taildwindcss tailwind vue3 vuejs
Last synced: about 1 month ago
JSON representation
To The People, for The People
- Host: GitHub
- URL: https://github.com/nathanmontt/thepeople
- Owner: nathanmontt
- Created: 2025-07-18T21:55:40.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-19T04:17:03.000Z (11 months ago)
- Last Synced: 2025-07-19T08:50:27.835Z (11 months ago)
- Topics: taildwindcss, tailwind, vue3, vuejs
- Language: Vue
- Homepage:
- Size: 112 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# THEPEOPLE
Pessoas conectando pessoas.
### ÍNDICE
* [Sobre o Projeto](#about)
* [Linguagens](#langs)
* [IDE](#ide)
* [Setup](#setup)
* [Créditos](#credits)
Sobre o Projeto
*THEPEOPLE* foi criado com o intuito de estudo. Inicialmente, o "estudar a _framework_ **vue.js**" foi (e está sendo) feito. Agora, colocando a prova desses estudos, surge o projeto. Ele trás em si uma simples _landing page_ que conta a história de uma empresa que quer conectar pessoas através do mundo.
Linguagens
A aplicação veio com o inutuito de treinar o uso da _framework_ **vue.js**, consequentemente se tornando a principal ferramenta do projeto. Outras primárias, como **HTML e JavaScript** não podem deixar de ser citadas.
O projeto também contou com uma nova adição ao meu portifólio pessoal de aprendizado: **TailwindCSS**.
Setup de IDE Recomendado
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (e disabilitar Vetur). Para configurações, visite o [Vite Configuration Reference](https://vite.dev/config/).
Setup do Projeto
#### Instalação
```sh
npm install
npm run dev
```
#### Instalação de Dependências
```sh
npm install tailwindcss @tailwindcss/vite
```
#### Configurando o Vite Plugin
```sh
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
```
#### Importando TailwindCSS
Colocar em um arquivo ```.css``` para utilizar
```sh
@import "tailwindcss";
```
#### Compilação e _"Minify"_ Production
```sh
npm run build
```
Créditos
Copyright © 2025, Nathan Monteiro