https://github.com/luizmiguelrosa/mininotion
Uma releitura do Notion para fins didáticos
https://github.com/luizmiguelrosa/mininotion
mongodb mongoose nestjs notion react tailwind
Last synced: 2 months ago
JSON representation
Uma releitura do Notion para fins didáticos
- Host: GitHub
- URL: https://github.com/luizmiguelrosa/mininotion
- Owner: luizmiguelrosa
- License: mit
- Created: 2024-12-01T00:02:04.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-02-28T18:55:12.000Z (3 months ago)
- Last Synced: 2025-03-24T16:11:47.101Z (2 months ago)
- Topics: mongodb, mongoose, nestjs, notion, react, tailwind
- Language: TypeScript
- Homepage:
- Size: 482 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
README
MiniNotion
Com a rotina cada vez mais cheia de compromissos da faculdade, trabalho e projetos pessoais, encontrei no Notion a solução ideal para organizar idéias e tarefas em um só lugar.
Após um tempo utilizando a plataforma, uma pergunta começou a surgir: 'Como isso tudo funciona por trás ?'. Foi essa curiosidade que me levou a iniciar uma jornada de estudos para entender melhor a tecnologia por trás.
Tecnologias Utilizadas
### Front-End
- **React**: Biblioteca JavaScript para criação de interfaces dinâmicas e interativas.
- **Tailwind CSS**: Framework utilitário para estilização rápida e customizável, otimizando o desenvolvimento de layouts responsivos.
### Back-End
- **NestJS**: Framework Node.js para construção de aplicações robustas e escaláveis com suporte a TypeScript.
- **Mongoose**: Biblioteca para modelagem de dados no MongoDB, oferecendo validação, consultas e funcionalidades avançadas.
Funcionalidades (Ainda em Desenvolvimento)
- **Título editável:** a partir do próprio item do título, é possível se fazer a alteração do conteúdo dele.
- **Nova linha:** quando clicar no espaço vazio da tela, uma nova linha é criada para a inserção do conteúdo.
- **Hierarquia de títulos:** usando o caractere # se pode criar um título com os níveis diferentes, apenas repetindo o caractere na quantidade do nível. Exemplo: # Titulo1 , ## Titulo2
- **Lista desorganizada:** usando o caractere - se pode criar uma lista desorganizada. OBS: Atualmente quando se cria o próximo item da lista, ele não cria um item, mas sim uma linha nova; ocorre um bug quando apaga o item.
**Navegação entre linhas:** usando as setas para cima e para baixo do teclado, é possível navegar entre as linhas do documento.