Skip to content

🌍 Esse é um projeto fullStack construído totalmente do zero. O objetivo desse projeto é por todas minhas habilidades em prática, a ideia de modo geral é uma rede social parecida com o linkedin e o facebook. O projeto tem 3 stacks principais React.js no frontend, Node.js no Backend e o FireBase no Banco de dados. 😂

Notifications You must be signed in to change notification settings

MayconCoutinho/Rede-Social

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 

Repository files navigation

Logo

Social

Um projeto fullstack de uma rede social completa e funcional
Este projeto tem o objetivo de pôr todas minhas habilidades à prova, o projeto foi desenvolvido do "zero", uma grade parte do projeto usei código de terceiros como bibliotecas e tecnologias, no entanto todo o código que foi escrito, foi totalmente desenvolvido por mim.

-----------------------------------------------------

🧩 Introdução    |    🚀 Resultados   |    🧪 Dependências   |    💡 Possíveis Melhorias    |    🏆 Créditos       


🚧 PROJETO EM ANDAMENTO 🚧


🧩 Introdução

⠀⠀⠀⠀Esse é um projeto fullStack construído totalmente do zero. O objetivo desse projeto é por todas minhas habilidades em prática, a ideia de modo geral é uma rede social parecida com o linkedin e o facebook. O projeto tem 3 stacks principais React.js no frontend, Node.js no Backend e o FireBase no Banco de dados.


📖 Volta ao Sumário


🚀 Resultados

Todos os resultados foram alcançados com sucesso. De modo geral são esses os resultados de cada requisição.


Front-end

🤳🏻 Mobile

Login Registro Feed Menu
HomePagePhone DetalhesPhone DetalhesPhone DetalhesPhone
Modal Post Menu Hamburger Feed
HomePagePhone DetalhesPhone DetalhesPhone

-----------------------------------------------------

💻 Desktop

Login Registro Feed
HomePage Detalhes Detalhes
Modal Post Feed outros Menu Hamburger
HomePage Detalhes Detalhes

Back-end


🎯 PEGAR TODOS OS DADOS DE UM USER ATRAVES DO ID

GET

 http://localhost:3003/users/perfil
 
  {
    "authorization" : "aa670248-dbd3-402c-a824-c52646fc1196"
  }
{
    "user": {
        "id": "62f7daf9-d523-4b2d-b0cd-94039c5c4082",
        "imgPerfil": "https://ovicio.com.br/wp-content/uploads/2020/09/20200916-d9ffbeb5e7862a243ce822bb89d12b66_750x750-555x555.jpg",
        "name": "Toshinori",
        "rgb": [
            57,
            82,
            65
        ]
    },
    "post": [
        {
            "img": "https://firebasestorage.googleapis.com/v0/b/rede-social-203d0.appspot.com/o/feed%2F1676760852632.webp?alt=media&token",
            "texto": "Outro",
            "rgb": [
                57,
                82,
                65
            ],
            "id": "322ea0a3-1657-4ad1-8f75-4a95a2832394",
            "date": "18/02/2023, 19:54:14",
            "idUserLike": null,
            "imgPerfil": "https://ovicio.com.br/wp-content/uploads/2020/09/20200916-d9ffbeb5e7862a243ce822bb89d12b66_750x750-555x555.jpg",
            "name": "Toshinori",
            "idUser": "62f7daf9-d523-4b2d-b0cd-94039c5c4082"
        },...
        }

🎯 REGISTRA UM USUSARIO NO BANCO DE DADOS.

POST

http://localhost:3003/users/register
{
    "name": "teste",
    "email": "[email protected]",
    "password": "123456"
}

🎯 FAZ LOGIN

POST

http://localhost:3003/users/login
{
    "email": "[email protected]",
    "password": "123456"
}

🎯 PEGA TODOS OS POSTS

GET

http://localhost:3003/posts
[
  {
    "id": "ed66e018-666f-40e9-a16f-510848491842",
    "date": "18/02/2023, 19:56:17",
    "img": "https://firebasestorage.googleapis.com/v0/b/rede-social-203d0.appspot.com/o/feed%2F1676760975303.jpg?alt=media&token",
    "idUser": "f27d54fd-2edb-4653-af60-bb311a00a5b3",
    "name": "Asui",
    "idUserLike": null,
    "rgb": [
      73,
      168,
      126
    ],
    "imgPerfil": "https://i.pinimg.com/originals/3a/2e/9a/3a2e9ab1fbf688f75f9227cc3c66951a.jpg",
    "texto": "E vai indo"
  },...
  ]

🎯 FAZ LOGIN

POST

http://localhost:3003/posts
{
    "idUser": "f27d54fd-2edb-4653-af60-bb311a00a5b3",
    "texto": "olha eu kkkkk",
    "img": "Tem como mandar a imagem do pc ou mandar url da imagem, por padrão só tem como manda do pc"
}

📖 Volta ao Sumário


🧪 Dependências

Requisitos para rotar o codigo...


📖 Instalação


Caso tenha Git basta da git clone, caso não tenha baixe o projeto completo em dowlon

git clone https://github.com/MayconCoutinho/Rede-Social

📖 Scripts

  "scripts": {
    "start": "node ./build/src/index.js",
    "build": "tsc",
    "dev": "ts-node-dev ./src/index.ts",
    "migrations": "tsc && node ./build/src/database/migrations/Migrations.js",
    "test": "jest"
  }

📖 Dependencies

  "dependencies": {
        "bcryptjs": "^2.4.3",
        "cors": "^2.8.5",
        "dotenv": "^16.0.3",
        "express": "^4.18.2",
        "firebase": "^9.15.0",
        "firebase-admin": "^11.5.0",
        "jsonwebtoken": "^9.0.0",
        "multer": "^1.4.5-lts.1",
        "uuid": "^9.0.0"
      }

📖 devDependencies

      "devDependencies": {
        "@types/bcryptjs": "^2.4.2",
        "@types/cors": "^2.8.13",
        "@types/express": "^4.17.15",
        "@types/jest": "^29.2.6",
        "@types/jsonwebtoken": "^9.0.0",
        "@types/multer": "^1.4.7",
        "@types/node": "^18.11.18",
        "@types/uuid": "^9.0.0",
        "jest": "^29.4.0",
        "ts-jest": "^29.0.5",
        "ts-node-dev": "^2.0.0",
        "typescript": "^4.9.4"
      }

📖 Volta ao Sumário


💡 Possíveis Melhoras

Possíveis melhorias no código e no projeto, caso queira voltar e melhorá lo.


  • - Testa todo o código.
  • - Pesquisar o perfil com nome
  • - Criar funcionalides para notificações
  • - Criar funcionalides gostei
  • - Criar comentario em postagens
  • - Criar forma de compartilhar ou salvar post
  • - Adicionar amigos
  • - Ver post apenas de amigos
  • - Excluir Post
  • - Editar Post

📖 Volta ao Sumário


🏆 Créditos



Maycon Coutinho
Hello 😃 Se você chegou até aqui, acredito que gostou do meu projeto, nesse caso temos algo em comum, sendo assim que tal conversamos um pouco? Meu chama no linkedin 😁

About

🌍 Esse é um projeto fullStack construído totalmente do zero. O objetivo desse projeto é por todas minhas habilidades em prática, a ideia de modo geral é uma rede social parecida com o linkedin e o facebook. O projeto tem 3 stacks principais React.js no frontend, Node.js no Backend e o FireBase no Banco de dados. 😂

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published