Skip to content

📸📱 Dev Post. Rede Social completa para dispositivos móveis. Possui a criação de contas de usuários, que podem interagir entre si em tempo real, compartilhando o que quiserem no feed!

Notifications You must be signed in to change notification settings

Gkanawati/DevPost

Repository files navigation

📸📱 Dev Post

🚀 Sobre o projeto

DevPost é uma Rede Social completa para dispositivos móveis. Possui a criação de contas de usuários, que podem interagir entre si em tempo real, compartilhando o que quiserem no feed!

O App foi construído com React Native, uma biblioteca Javascript, utilizada para criação de aplicativos móveis de maneira nativa. O projeto foi desenvolvido para ambas as plataformas operacionais, tanto Android, quando IOS, em um único código base, e ainda sim mantendo um bom desempenho e responsividade.

Ao abrir o app, é solicitado o login do usuário, assim que concluído o login, o usuário é redirecionado para a tela inicial da rede, que é o próprio feed de postagens mais recentes de todos os usuários, e assim que você ver um post que gostou muito, é possível dar o seu like.

Clicando sobre o post de um usuário é aberta a tela das últimas postagens daquele usuário, onde você pode conferir exclusivamente seus posts. Para procurar os usuários da rede, você pode pesquisar na página de pesquisa e selecionar o seu amigo que estava procurando.

Na tela do Usuário é possível adicionar sua foto de perfil, para marcar a sua presença na rede!. Para adicionar é muito simples, basta bater uma foto na hora pela câmera ou pegar a sua foto favorita e adicionar no perfil, posteriormente é possível editar tanto a foto quanto o seu nome de usuário.

Para armazenamento em banco de dados e autenticação de usuários, foi utilizado o banco de dados não relacionais firestore, e para o envio das imagens do app, foi utilizado o Storage, ambos do Firebase, plataforma de serviço do google para construção de back-end de aplicações, entre outras funcionalidades. 🚀🧑‍🚀

Para construção desse projeto também foram utilizadas bibliotecas muito interessantes para produtividade e estilização, como o styled-components para a customização de todos os componentes, o react-native-image-picker para adicionar as imagens no perfil do usuário e o react-native-animatable para a criação das animações do app.

💡 Tecnologias usadas:

  • React Native CLI
  • Firebase
  • Async Storage
  • Javascript

⚙️ Como rodar o Projeto:

-Para instalar todas as bibliotecas usadas no projeto rode o comando:

npm i

-Para rodar o app:

npm start

💻 Telas



About

📸📱 Dev Post. Rede Social completa para dispositivos móveis. Possui a criação de contas de usuários, que podem interagir entre si em tempo real, compartilhando o que quiserem no feed!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published