https://github.com/gabrielcarames/phacebook
Proyecto orientado a un grupo seleccionado de funcionalidades de Facebook.
https://github.com/gabrielcarames/phacebook
css3 express-js handlebars-js html5 javascript jquery mongodb nodejs passportjs socket-io
Last synced: 3 months ago
JSON representation
Proyecto orientado a un grupo seleccionado de funcionalidades de Facebook.
- Host: GitHub
- URL: https://github.com/gabrielcarames/phacebook
- Owner: GabrielCarames
- Created: 2021-06-03T18:06:37.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-13T12:38:46.000Z (almost 5 years ago)
- Last Synced: 2025-01-13T06:11:05.935Z (over 1 year ago)
- Topics: css3, express-js, handlebars-js, html5, javascript, jquery, mongodb, nodejs, passportjs, socket-io
- Language: JavaScript
- Homepage: https://phacebook-proyect.herokuapp.com
- Size: 4.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Phacebook - Mini clon de Facebook
=============
> Proyecto orientado a un grupo seleccionado de funcionalidades de Facebook.
## Imágenes
## Tecnologías
[](https://getbootstrap.com/)
[](https://developer.mozilla.org/es/docs/Web/CSS)
[](https://expressjs.com/es/)
[](https://handlebarsjs.com/)
[](https://developer.mozilla.org/es/docs/Web/HTML)
[](https://developer.mozilla.org/es/docs/Web/JavaScript)
[](https://jquery.com/)
[](https://www.mongodb.com/es)
[](https://nodejs.org/es/)
[](http://www.passportjs.org/)
[](https://socket.io/)
## Funcionalidades
> Sistema de Ingreso/Registro
* El usuario deberá de registrarse una cuenta antes de acceder al sitio. El registro está compuesto por una serie de campos a rellenar con datos personales, los cuales serán enviados, procesados y almacenados en una tabla de Usuarios en una base de datos. Luego, se podrá ingresar con la cuenta existente en la sección de ingreso en donde se verificarán los datos ingresados y se realizará un Log In.
Todo este sistema es realizado a través del middleware de ***Passport.js*** y los datos son almacenados en ***MongoDB*** por la librería de ***Mongoose***.
> Menú desplegables
* La página inicial cuenta con dos menús desplegables activables a partir de un botón en ambos lados de la misma. Uno corresponde a las Notificaciones y el otro a los Amigos agregados/existentes. Ambos mostrarán los datos correspondientes con las notificaciones disponibles y los amigos conectados.
> Buscador
* En el navbar se encuentra un buscador con el cual se podrá buscar a partir de un nombre, aquellos usuarios equivalentes. El sistema realizará una consulta a la BD con la búsqueda y posteriormente mostrará sus resultados. Aquellas personas que todavía no estén agregadas, se las podrá añadir a partir de un botón. En caso una búsqueda fallida, se mostrará un mensaje de error.
> Agregar amigos
* Si se quiere añadir una persona a la lista de amigos, luego de cliquear en el botón correspondiente, se buscará a aquella persona y se le creará una nueva notificación informando sobre el emisor, cuando se realizó y el tipo de notificación. En caso de que ya se tenga agregada a ésta, se informará en un mensaje.
Luego, si el receptor acepta la solicitud de amistad, ambos podrán visualizarse uno al otro en su correspondiente menú de amigos.
> Chat en tiempo real
* Al momento de realizar un click sobre un amigo existente, una pestaña de chat se mostrará con los datos y mensajes enviados o recibidos. Ambos usuarios podrán enviarse y recibir mensajes de texto en tiempo real gracias a la biblioteca de ***Socket.io***. Cada mensaje es alojado en una tabla dentro de la BD, por lo que el historial de mensajes también mostrado en tiempo real. Además, los propios chats pueden ser minimizados a voluntad.
> Sistema de publicaciones
* Dentro de la página de inicio, el usuario será capaz de hacer click sobre un input en donde se mostrará un modal con un par de campos a completar. Los datos introducidos son almacenados y publicados dentro de la sección de publicaciones informando su fecha de creación y de forma global, todo el mundo podrá visualizarlos.