PRESENTACIÓN FHUB

DESCUBRE, CONECTA Y COMUNICATE

CREATED BY FERNANDO NEVOT HERNANDEZ AND JAULA GHOURBAL ADDA

08 Posts

01 Introducción

09 Comentarios

02 Tecnologías usadas

10 Conclusiones

03 Funcionamiento

Índice

11 Presupuesto

04 Experiencia e historial

12 Referencias

05 Descripción gráfica

13 Equipo

06 CHAT EN VIVO

14 Gracias

07 Extras

INTRODUCCIÓN

¡Bienvenidos a Fhub! La plataforma en línea donde puedes conectarte con personas afines a tus intereses, descubrir contenido relevante y participar en conversaciones significativas. ¡Vamos a explorar todo lo que Fhub tiene para ofrecer!

Tecnologías usadas y conceptos

Descripción

Fhub ha sido desarrollado utilizando tecnología de vanguardia, en concreto el Stack MERN, incluyendo el popular framework React para la construcción de la interfaz de usuario. Tecnologías como Node.js y Express para el desarrollo del backend , AWS S3 para almacenado y volcado de imágenes, MongoDB para la base de datos y Github. Entre los conceptos clave utilizados se encuentran: componentes, estado, enrutamiento y APIs RESTful.

Tecnologías usadas y conceptos

INTRO

TYPESCRIPT Y TAILWIND CSS

hemos utilizado Tailwind CSS como framework de estilos para agilizar el diseño de nuestra página web, y TypeScript como lenguaje de programación para mejorar la calidad y la seguridad de nuestro código. Estas tecnologías nos han permitido desarrollar nuestro proyecto de manera eficiente y escalable, brindando una experiencia de usuario agradable y un código fácil de mantener.

Tecnologías usadas y conceptos

¡Regístrate ahora!

Despliegue

fhub-client.vercel.app

Para el despliegue de la aplicación se han utilizado dos servicios: Render para el código del servidor/backend y Vercel para el código del frontend. Los dos tienen un funcionamiento muy similar, integrando y publicando los cambios a medida que se suben en el repositorio de Github al cual se vinculan. Esto permite tener un entorno donde los cambios se suben periódicamente a medida que se van implementando nuevas características.

Funcionamiento

Fhub funciona como una red social en línea donde los usuarios pueden publicar contenido relacionado con sus intereses, interactuar con otros usuarios a través de comentarios y chats en vivo, dar "me gusta" a las publicaciones y guardarlas para verlas más tarde. La plataforma ofrece una experiencia personalizada basada en las preferencias del usuario y cuenta con una interfaz intuitiva y fácil de usar.

Notificaciones

Entérate de todas las interacciones que tengan los usuarios contigo, incluyendo comentarios, follows y likes!

Historial de actividad

Experiencia personalizada

Accede fácilmente a tus publicaciones, los posts que has guardado y los comentarios que has dejado. Mantén un registro de tu actividad en Fhub y revisa tus interacciones anteriores.

Crea tu propio perfil, agrega una descripción. Muestra tu actividad, cuántos seguidores tienes y a quiénes sigues.

MENSAJES PRIVADOS

Manda y recibe mensajes a tiempo real con tus amigos y seguidores de forma completamente privada.

COMENTARIOS

ME GUSTA

GUARDADO

Participa en conversaciones a través de comentarios en los posts.

Dale "me gusta" a posts de otros usuarios para compartirlos en tu perfil también!

Guarda posts para verlos más tarde y hacer una lista con tus favoritos!

POSTS Y COMENTARIOS

VIDEO

Los posts son las publicaciones principales en nuestra plataforma, donde los usuarios comparten contenido, y los comentarios son las respuestas o mensajes que se generan en torno a esos posts, permitiendo la interacción y el intercambio de ideas entre los usuarios.

Almacenamiento y servicio de imágenes

Amazon web services S3

DESCIPCION GRAFICA

En móviles cambia totalmente la distribución sin dejar de ser intuitiva y fácil de usar.

La interfaz gráfica cuenta con un diseño adaptado a todo tipo de pantallas para hacer la experiencia del usuario más fácil y agradable

Conclusiones

CONCLUSIÓN III

CONCLUSIÓN I

CONCLUSIÓN II

Fhub es una plataforma interactiva diseñada para que te conectes con personas afines a tus intereses y descubras contenido relevante de manera fácil y divertida.

Únete a nuestra comunidad y participa en conversaciones, comparte tus opiniones, aprende de otros usuarios y expande tus conocimientos en tus temas favoritos.

¡Descubre, conéctate y comunícate en Fhub!

Es importante tener en cuenta que este es solo un presupuesto estimado y los costos reales pueden variar según la complejidad del proyecto, los requisitos adicionales y la tarifa horaria del desarrollador

PRESUPUESTO

200$

3250$

6000$

Diseño y desarrollo

Gastos adicionales

Hosting y dominio

2100$

2000$

13550$

Mantenimiento y actualizaciones

Pruebas y calidad

Total estimado del presupuesto

Iconos: Icons8

REFERENCIAS

Aquí tenemos una explicación sencilla del funcionamiento de las páginas en las que nos hemos inspirado

INSTAGRAM

TWITTER

REDDIT

FOROCOCHES

EQUIPO

FERNANDO NEVOT HERNANDEZ

JAULA GHOURBAL ADDA

FRONTEND Y ESTRUCTURA

BACKEND

Gracias