Skip to content

joao-enrique/Insta-dev

Repository files navigation

💼 Instadev

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. 🚀


🚀 Demonstração

🔗 Acesse o projeto: link-do-deploy-aqui

📸 Preview:
Screenshot do portfólio


📚 Sumário


💡 Sobre o Projeto

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.


🛠️ Tecnologias

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)
react logo
---

📚 Funcionalidades

  • 📸 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

📦 Como Rodar o Projeto

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 start

Use 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.


🧪 Como Usar

  1. Instale as dependências com o node.js.
  2. Entre no app utilizando o android studio ou expo go.
  3. cadastre-se no app.
  4. Crie e veja postagens, número de curtidas, comentários e perfil.

🖼️ Screenshots

📱 tela principal

preview do portfólio

📱 tela de perfil

preview do portfólio

📱 Tela de notificações

preview do portfólio


🧠 Aprendizados

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 Convex com Clerk para armazenar informações (posts, comentários, notificações, curtidas, usuários).

📁 Estrutura de Pastas

├── app/
├── assets/
├── components/
├── constants/
├── convex/
├── providers/
├── styles/
├── app.json
└── README.md

🚧 Roadmap

  • [] Cadastrar-se de outras formas(sem ser apenas pelo google)
  • [] Traduzir para versão em Português
  • [] Opções de outros temas

🔗 Links Úteis

🌐 Deploy: link
💼 LinkedIn: link
🧠 GitHub: link
🎮 Itch-io: link
📹 YouTube: link
✨ Linktree: link

👨‍💻 Autor

Feito com 💜 por João Enrique


📜 Licença

Este projeto está sob a licença MIT — veja o arquivo LICENCE para mais detalhes.

⭐ Se este projeto te inspirou, não esqueça de deixar uma estrela no repositório!

About

Um clone do Instagram voltado para desenvolvedores, criado com Expo, Clerk e Convex. Compartilhe projetos, inspire outros devs e explore uma rede feita por e para programadores. 🚀

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors