Um rede social voltado para desenvolvedores, criado com Expo, Clerk e Convex. Compartilhe projetos, inspire outros devs e explore uma rede feita por e para programadores. 🚀
🔗 Acesse o projeto: link-do-deploy-aqui
- Sobre o Projeto
- Tecnologias
- Funcionalidades
- Como Rodar o Projeto
- Como Usar
- Screenshots
- Aprendizados
- Estrutura de Pastas
- Roadmap
- Links Úteis
- Autor
- Licença
Este aplicativo foi desenvolvido para aprimorarque devs, possam se conectar e trocar informações entre si na área de Tecnologia.
O aplicativo foi construído com React Native, Convex, Clerk e styles nativo, com foco em design moderno, responsividade e performance.
As principais tecnologias utilizadas neste projeto foram:
- React Native
- Convex (banco de dados e autenticação)
- Clerk (login)
- Style nativo (estilizações da página)
- 📸 Feed interativo — veja postagens de outros devs em tempo real
- 🧠 Autenticação com Clerk — login via Google
- 💬 Sistema de comentários e curtidas
- 📤 Upload de imagens e posts (armazenamento no Convex)
- 🕒 Sincronização instantânea — sem precisar atualizar a tela
- ⚙️ Design responsivo e moderno
Siga as etapas abaixo para executar o projeto localmente:
# Crie um arquivo .env.local na raiz do projeto com as variáveis necessárias: EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=... EXPO_PUBLIC_CONVEX_URL=...# Clone este repositório git clone https://github.com/joao-enrique/Insta-dev.git # Acesse a pasta do projeto cd Insta-dev # Instale as dependências npm install #rode a aplicação npx expo startUse o app Expo Go no celular para visualizar o projeto em tempo real 📱 (Ou abra no emulador Android/iOS.)
💡 Caso não tenha o Node.js instalado, procure no google e siga os passos para sua instalação.
- Instale as dependências com o
node.js. - Entre no app utilizando o
android studioouexpo go. - cadastre-se no app.
- Crie e veja postagens, número de curtidas, comentários e perfil.
Durante o desenvolvimento deste projeto, aprimorei:
- Meus conhecimentos no
React Native; - Uso de Estilização nativa do react native para criação de um aplicativo responsivo;
- Uso de estados no
React; - Melhoria na estrutura de layout responsivo;
- Integração de
ConvexcomClerkpara armazenar informações (posts, comentários, notificações, curtidas, usuários).
├── app/
├── assets/
├── components/
├── constants/
├── convex/
├── providers/
├── styles/
├── app.json
└── README.md
- [] Cadastrar-se de outras formas(sem ser apenas pelo google)
- [] Traduzir para versão em Português
- [] Opções de outros temas
🌐 Deploy: link
💼 LinkedIn: link
🧠 GitHub: link
🎮 Itch-io: link
📹 YouTube: link
✨ Linktree: link
Feito com 💜 por João Enrique
Este projeto está sob a licença MIT — veja o arquivo LICENCE para mais detalhes.



