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
⠀⠀⠀⠀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.
Todos os resultados foram alcançados com sucesso. De modo geral são esses os resultados de cada requisição.
Login | Registro | Feed | Menu |
---|---|---|---|
Modal Post | Menu Hamburger | Feed |
---|---|---|
Login | Registro | Feed |
---|---|---|
Modal Post | Feed outros | Menu Hamburger |
---|---|---|
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"
},...
}
http://localhost:3003/users/register
{
"name": "teste",
"email": "[email protected]",
"password": "123456"
}
http://localhost:3003/users/login
{
"email": "[email protected]",
"password": "123456"
}
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"
},...
]
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"
}
Requisitos para rotar o codigo...
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": {
"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": {
"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": {
"@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"
}
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
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 😁 |
---|