https://github.com/nortonglitz/pro-blog

Blog e painel de controle para gerenciamento de posts para um profissional divulgar seu trabalho e receber contatos.
https://github.com/nortonglitz/pro-blog

authentication blog dashboard next postgresql react tailwindcss vercel

Last synced: 3 months ago
JSON representation

Blog e painel de controle para gerenciamento de posts para um profissional divulgar seu trabalho e receber contatos.

• Host: GitHub
• URL: https://github.com/nortonglitz/pro-blog
• Owner: nortonglitz
• Created: 2025-01-08T21:39:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-28T14:11:16.000Z (over 1 year ago)
• Last Synced: 2025-03-23T09:49:00.898Z (over 1 year ago)
• Topics: authentication, blog, dashboard, next, postgresql, react, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://pro-blog-bice.vercel.app
• Size: 10.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🖋️ Pro Blog

Pro Blog é um projeto de um blog profissional e painel de controle para gerenciamento de posts, personalização do conteúdo e recebimento de mensagens. Ambos com responsividade para diferentes telas de dispositivos.

## 🚀 Demonstração

- **Blog:** [https://pro-blog-bice.vercel.app/blog](https://pro-blog-bice.vercel.app/blog)

- **Dashboard:** [https://pro-blog-bice.vercel.app/dashboard](https://pro-blog-bice.vercel.app/dashboard)

  Para acessar o painel utilize as credenciais (`admin/123456`)

## 🛠️ Tecnologias Utilizadas

- **Framework Frontend:** [Next.js](https://nextjs.org/)

- **Componentes:** [React](https://reactjs.org/)

- **Validação de Formulários:** [Zod](https://zod.dev/) com [React Hook Form](https://react-hook-form.com/)

- **Estilização:** [TailwindCSS](https://tailwindcss.com/) e [clsx](https://github.com/lukeed/clsx)

- **Hospedagem:** [Vercel](https://vercel.com/) e [Neon](https://neon.tech/home)

- **Editor de Texto:** [Quill](https://quilljs.com/)

- **Banco de Dados:** [PostgreSQL](https://www.postgresql.org/)

- **ORM:** [Drizzle](https://orm.drizzle.team/)

- **Google reCAPTCHA** [Google reCAPTCHA](https://developers.google.com/recaptcha)

- **Criptografia**: [jose](https://github.com/panva/jose)

## 📂 Estrutura do Projeto

O projeto está dividido em duas áreas principais:

- **Dashboard (/dashboard):**  

   Área administrativa onde é possível gerenciar posts, gerenciar mensagens e personalziar o blog.

- **Blog (/blog):**  

   Parte pública onde visitantes podem visualizar os posts publicados e entrar em contato com o usuário.

## 📋 Funcionalidades

### Implementadas

- [x] Criar, editar e excluir posts no painel de controle.

- [x] Exibir posts publicados na página pública do blog.

- [x] Interface simples e funcional do painel de controle.

- [x] Personalizar o título, descrição do profisisonal, suas redes sociais e meta dados.

- [x] Sistema de autenticação para proteger o acesso ao painel controle.

- [x] Inserir recaptcha no formulário de contato e login para segurança contra bots.

- [x] Leitura de mensagens e feedback de quando foi lido.

- [x] Validação de todos os formulários com zod.

- [x] Implementação de seeds para avalição.

- [x] Criação de UI simples e responsiva.