An open API service indexing awesome lists of open source software.

https://github.com/ruanvalente/daisy-ui-nuxt

A simple project
https://github.com/ruanvalente/daisy-ui-nuxt

nuxt tailwindcss typscript vuejs

Last synced: 2 months ago
JSON representation

A simple project

Awesome Lists containing this project

README

          

# DaisyUI Nuxt Application

![image](https://github.com/user-attachments/assets/0c0ea599-3d3c-42c8-a074-aa121fa227ac)

![image](https://github.com/user-attachments/assets/eecd955f-c066-46d6-a075-f6ea5a3c0e6e)

## About the Project

Este projeto é uma aplicação web moderna desenvolvida com Nuxt 3, TypeScript e DaisyUI, demonstrando boas práticas de desenvolvimento e padrões de projeto. O foco principal é criar uma interface intuitiva e responsiva, utilizando componentes reutilizáveis e mantendo um código limpo e bem organizado.

A aplicação inclui recursos como autenticação, gerenciamento de usuários, perfis personalizados e um sistema completo de configurações.

## Technologies Used

- **Nuxt 3**: Framework Vue.js para criação de aplicações web modernas
- **TypeScript**: Adiciona tipagem estática ao JavaScript
- **DaisyUI**: Componentes de UI baseados em Tailwind CSS
- **Tailwind CSS**: Framework CSS utilitário
- **Vue.js**: Framework JavaScript progressivo
- **PrimeIcons**: Biblioteca de ícones

## Features

- 🔐 Autenticação de usuários
- 👤 Gerenciamento de perfil
- ⚙️ Sistema de configurações
- 📱 Design responsivo
- 🎨 Temas personalizáveis
- 🔍 Pesquisa e filtragem
- 📊 Dashboard interativo

## Getting Started

### Prerequisites

- Node.js 16.x ou superior
- npm ou yarn

### Installation

```bash
# Clone o repositório
git clone https://github.com/ruanvalente/daisy-ui-nuxt.git

# Entre no diretório
cd daisy-ui-nuxt

# Instale as dependências
npm install
# ou
yarn install
```

### Development

```bash
# Inicie o servidor de desenvolvimento
npm run dev
# ou
yarn dev
```

O aplicativo estará disponível em `http://localhost:3000`

### Production

```bash
# Build para produção
npm run build
# ou
yarn build

# Preview do build
npm run preview
# ou
yarn preview
```

## Project Structure

```
daisy-ui-nuxt/
├── components/ # Componentes Vue reutilizáveis
├── layouts/ # Layouts da aplicação
├── pages/ # Páginas da aplicação
├── public/ # Arquivos estáticos
├── composables/ # Composables Vue
├── types/ # Definições de tipos TypeScript
└── utils/ # Funções utilitárias
```

## Contributing

Contribuições são sempre bem-vindas! Por favor, leia o guia de contribuição antes de enviar um pull request.

## License

Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICENSE) para detalhes.

## Author

👤 **Ruan Valente**

* Website: [ruanvalente.github.io](https://ruanvalente.github.io)
* Github: [@ruanvalente](https://github.com/ruanvalente)
* LinkedIn: [@ruan-valente](https://linkedin.com/in/ruan-valente)
* Twitter: [@ruantux](https://twitter.com/ruantux)

## Show your support

Dê uma ⭐️ se este projeto te ajudou!

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.