Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danielegiidio/in-orbit-frontend
Aplicação frontend para controle de metas
https://github.com/danielegiidio/in-orbit-frontend
lucide-icons radix-ui react react-hook-form react-query typescript zod
Last synced: 1 day ago
JSON representation
Aplicação frontend para controle de metas
- Host: GitHub
- URL: https://github.com/danielegiidio/in-orbit-frontend
- Owner: DanielEgiidio
- Created: 2024-09-12T18:31:09.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-10-18T13:36:56.000Z (2 months ago)
- Last Synced: 2024-11-06T01:36:32.976Z (about 2 months ago)
- Topics: lucide-icons, radix-ui, react, react-hook-form, react-query, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 98.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# In Orbit 🚀
- Uma aplicação moderna para gerenciamento de metas pessoais e profissionais, utilizando React Query para uma experiência fluida e em tempo real.
## 🎯 Sobre o Projeto
- In Orbit é uma aplicação web que permite aos usuários gerenciar suas metas de forma eficiente, com sincronização em tempo real e gerenciamento de estado otimizado através do TanStack Query (React Query).
## ⚡ Destaques Técnicos
#### React Query
- Cache Inteligente: Gerenciamento automático de cache para dados
- Real-Time Updates: Sincronização automática de dados
#### Otimização de Performance:
- Deduplicação de requisições
- Background data refetching
- Gerenciamento de estado do servidor
## 🛠️ Stack Tecnológica
#### Core
- React 18
- TypeScript
- Vite
#### Gerenciamento de Dados
##### @tanstack/react-query v5:
- Gerenciamento de estado do servidor
- Cache automático
- Invalidação inteligente de cache
- Otimização de performance
### UI/UX
- TailwindCSS - Estilização
- Radix UI - Componentes base
- Lucide Icons - Iconografia
## Formulários e Validação
- React Hook Form
- Zod
## 💡 Funcionalidades
- Gestão de metas com cache otimizado
- Atualizações em tempo real
- Interface responsiva e acessível
- Sistema de progresso visual
## 🚀 Como Executar
**1.** **Clone o repositório**
```bash
git clone https://github.com/DanielEgiidio/in-orbit-frontend
```
**2. ** **Instale as dependências**
```bash
npm install
```
**3**. **Instale as dependências**
```bash
npm run dev
```
## 🔧 Scripts
- dev: Ambiente de desenvolvimento
- build: Build de produção
- lint: Linting com Biome
- preview: Preview da build
## 📄 Licença
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações