Skip to content

🚀 Bem-vindo ao blog do Modela 3D! Compartilhe experiências, publique trechos de código e curta os posts da comunidade. Vamos criar juntos! 🎉

Notifications You must be signed in to change notification settings

jefersonapps/modela3d-blog

Repository files navigation

Modela 3D Blog

🎯 Objetivo

O Modela 3D Blog é uma plataforma interativa onde usuários podem compartilhar suas experiências e conhecimentos relacionados ao mundo da modelagem 3D. Com um sistema de posts, curtidas, comentários e um editor Markdown intuitivo, o blog visa construir uma comunidade engajada e promover a troca de informações entre usuários do software Modela 3D.

📸 Demonstração

Página inicial

Página inicial da aplicação

Perfil de usuário

Página de perfil do usuário

Página de comentários de uma postagem

Página de comentários de uma postagem

✨ Funcionalidades

  • Autenticação de Usuários: Acesso seguro e personalizado através da plataforma Clerk.
  • Criação de Posts: Publique suas ideias, tutoriais e projetos com um editor Markdown completo.
  • Feed de Posts: Explore o feed de posts da comunidade, com paginação para navegação otimizada.
  • Perfil de Usuário: Acesse suas postagens, comentários e curtidas ou explore perfis de outros usuários.
  • Curtidas e Comentários: Interaja com outros usuários curtindo os posts.
  • Pesquisa: Encontre posts e usuários específicos através da barra de pesquisa.
  • Tema Dark/Light/System: Personalize sua experiência com a opção de alternar entre os temas claro e escuro.
  • Responsividade: Design responsivo que se adapta a diferentes dispositivos.

🚀 Tecnologias Utilizadas

Frontend:

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Shadcn UI
  • Clerk
  • Tanstack Query
  • Lucide React
  • MD-Editor-RT
  • Date-fns

Backend:

  • Next.js API Routes
  • Drizzle ORM
  • Neon Database

Ferramentas:

  • Drizzle Kit
  • ESLint
  • Prettier

💻 Instalação e Execução

  1. Clone o repositório:
git clone https://github.com/jefersonapps/modela3d-blog.git
  1. Navegue até o diretório do projeto:
cd modela3d-blog
  1. Instale as dependências:
npm install
  1. Crie o arquivo .env.local na raiz do projeto e configure as variáveis de ambiente:
NEON_DATABASE_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
  1. Execute as migrações do banco de dados:
npm run migrate
npm run db-create
  1. Inicie o servidor de desenvolvimento:
npm run dev

🤝 Contribuindo

Sinta-se à vontade para contribuir com o projeto! Se você encontrar algum problema, tiver sugestões de novas funcionalidades ou quiser melhorar a documentação, abra uma issue ou envie um pull request.

📝 Licença

Este projeto está licenciado sob a licença MIT.

About

🚀 Bem-vindo ao blog do Modela 3D! Compartilhe experiências, publique trechos de código e curta os posts da comunidade. Vamos criar juntos! 🎉

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published