https://github.com/vncsraniery/text-editor
Um Editor de texto simples desenvolvido para fins de treinamento em habilidades de programação
https://github.com/vncsraniery/text-editor
editor nextjs shadcn-ui tailwindcss tiptap-editor website
Last synced: 2 months ago
JSON representation
Um Editor de texto simples desenvolvido para fins de treinamento em habilidades de programação
- Host: GitHub
- URL: https://github.com/vncsraniery/text-editor
- Owner: VncsRaniery
- Created: 2025-01-08T17:43:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-13T19:08:11.000Z (over 1 year ago)
- Last Synced: 2025-08-26T09:31:58.369Z (11 months ago)
- Topics: editor, nextjs, shadcn-ui, tailwindcss, tiptap-editor, website
- Language: JavaScript
- Homepage: https://text-editor-minimalist.vercel.app
- Size: 90.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Editor de Texto Simples
## Introdução
Este projeto é um **editor de texto simples** desenvolvido para fins de treinamento em habilidades de programação, com foco em tecnologias modernas e algumas integrações.
### Destaques do projeto:
- **Design elegante e responsivo:** Utilizando [TailwindCSS](https://tailwindcss.com/) e componentes acessíveis com [Shadcn UI](https://ui.shadcn.dev/).
- **Experiência de escrita otimizada:** Com o editor de rich text utilizando [Tiptap](https://tiptap.dev/), garantindo flexibilidade e extensibilidade.
## Tecnologias Utilizadas
- **[Next.js](https://nextjs.org/):** Framework React que oferece **SSR**, **rotas dinâmicas** e **otimização de desempenho**.
- **[TailwindCSS](https://tailwindcss.com/):** Framework de CSS utilitário que proporciona **estilização rápida** e **design responsivo**.
- **[Shadcn UI](https://ui.shadcn.dev/):** Conjunto de **componentes acessíveis e personalizáveis**, garantindo uma interface intuitiva e de fácil navegação.
- **[Tiptap](https://tiptap.dev/):** Editor de rich text altamente **personalizável** e **extensível**, permitindo criar experiências de edição ricas.
## Início Rápido
### Pré-requisitos
Certifique-se de ter as seguintes ferramentas instaladas no seu ambiente:
- [Node.js](https://nodejs.org/)
- [Git](https://git-scm.com/)
- [npm](https://www.npmjs.com/), [Yarn](https://yarnpkg.com/), [pnpm](https://pnpm.io/) ou [Bun](https://bun.sh/)
### Passos para rodar o projeto:
1. **Clonar o repositório:**
```bash
git clone https://github.com/VncsRaniery/rich-text-editor
cd rich-text-editor
```
2. **Instale as dependências:**
```bash
npm install
```
3. **Execute o servidor de desenvolvimento:**
```bash
npm run dev
```
3. **Abra seu navegador e navegue até http://localhost:3000 para ver o site em ação.**
---