NoteHub é uma aplicação web inspirada na ferramenta Notion, desenvolvida para simplificar a criação e edição de documentos. Suas principais funcionalidades incluem:
-
Criação de Documentos: Crie documentos facilmente, organizando suas ideias e informações de maneira intuitiva.
-
Gerenciamento Avançado: Deletar temporariamente ou permanentemente documentos, além da capacidade de restaurá-los quando necessário.
-
Edição Flexível: Edite o conteúdo de seus documentos de forma rápida e eficiente, mantendo-os sempre atualizados.
-
Personalização de Documentos: Adicione um ícone e uma capa personalizada para dar um toque especial aos seus documentos.
Ao construir este "clone" do Notion, explorei novas ferramentas e conceitos, incluindo:
-
Clerk: Implementação de autenticação fácil e segura para os usuários.
-
Zustand: Utilização de um estado global simples e eficiente para gerenciamento de dados na aplicação.
-
Supabase: Integração de um banco de dados PostgreSQL escalável para armazenamento de informações.
Além disso, a jornada de desenvolvimento do NoteHub também abrangeu aprendizados em:
-
Upload de Imagens com Edge Store: Implementação de funcionalidade para o envio e gerenciamento de imagens na aplicação.
-
Data Fetching com React Query: Utilização de React Query para otimizar e simplificar as requisições de dados entre o frontend e o backend.
-
Server Actions: Exploração de práticas eficientes para manipulação de dados no lado do servidor, garantindo uma experiência fluida para os usuários.
- React.js
- Next.js
- TypeScript
- Clerk
- Prisma ORM
- Supabase
- React Query
- Zustand
- Edge Store
- Tailwind CSS
- Shadcn/ui
- Zod
Desenvolvido com 💙 por Deivit Eduardo