-
-
React Boilerplate
+
+
+
+
{store.nameApp}
-
-
-
-
+
+
+
+
+
+
+
+
+ {!store.auth && (
+ <>
+ -
+
+
+
+
+ -
+
+
+
+
+
+ )}
+
+
+ {store.auth && (
+ -
+
+
+
+
+ )}
+
);
-};
\ No newline at end of file
+};
diff --git a/src/front/components/Panel.jsx b/src/front/components/Panel.jsx
new file mode 100644
index 0000000000..8a7003f00d
--- /dev/null
+++ b/src/front/components/Panel.jsx
@@ -0,0 +1,123 @@
+import React from "react"
+import { useParams } from "react-router-dom";
+import { useEffect, useState } from "react";
+import userServices from "../services/userServices";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import { CirclePlus, CalendarDays, CircleCheckBig, CircleX } from 'lucide-react';
+
+const Panel = () => {
+ const { role } = useParams();
+ const [mentorings, setMentorings] = useState()
+ const { store, dispatch } = useGlobalReducer()
+ const now = new Date()
+
+
+ useEffect(() => {
+
+ userServices.getMentorings(store?.user?.id).then(data => {
+ if (!data) {
+ console.log("No hay información Aun")
+ }
+ console.log(data)
+ setMentorings(data)
+ })
+
+ }, []);
+
+
+ const states = mentorings?.reduce((acc, m) => {
+ const endTime = new Date(m.end_time)
+
+ if (m.status === 'canceled') {
+ acc.canceled++
+ } else if (endTime < now) {
+ acc.completed++
+ } else {
+ acc.pending++
+ }
+ return acc
+ }, { pending: 0, canceled: 0, completed: 0 })
+
+
+ const totalSession = (states?.canceled || 0) + (states?.completed || 0) + (states?.pending || 0)
+
+ const calcPercentage = (count) => {
+ if (totalSession === 0) return 0;
+ return ((count / totalSession) * 100).toFixed(0)
+ }
+
+
+ const percentPending = calcPercentage(states?.pending || 0)
+ const percentCanceled = calcPercentage(states?.canceled || 0)
+ const percentCompleted = calcPercentage(states?.completed || 0)
+
+ console.log(percentPending, percentCanceled, percentCompleted)
+
+
+
+
+
+
+ return (
+ <>
+ {role === 'mentor' &&
+ <>
+
Tus estadisticas como {role}
+
+
+
+
+
{`${percentPending}%`}
+
+
+
{`${percentCanceled}%`}
+
+
+
{`${percentCompleted}%`}
+
+
+
+
+
+
+
+
{}
+
Pendientes
+
({states?.pending})
+
+
+
+
+
+
{}
+
Completadas
+
({states?.completed})
+
+
+
+
+
+
{}
+
Canceladas
+
({states?.canceled})
+
+
+
+
+
+
+
+
+ }
+ {role === 'student' &&
+
Aqui renderiza panel de {role}
+ }
+
+
+ )
+}
+
+export default Panel
\ No newline at end of file
diff --git a/src/front/components/Register.jsx b/src/front/components/Register.jsx
new file mode 100644
index 0000000000..6512ff0d35
--- /dev/null
+++ b/src/front/components/Register.jsx
@@ -0,0 +1,87 @@
+import { useState } from "react";
+import userServices from "../services/userServices";
+import { useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
+
+const Register = () => {
+ const navigate = useNavigate()
+ const [formData, setFormData] = useState({
+ email: "",
+ password: "",
+ role: "",
+ });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData({ ...formData, [name]: value });
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ userServices
+ .register(formData)
+ .then((data) => {
+ if (data.success) {
+ setFormData({
+ email: "",
+ password: "",
+ role: "",
+ });
+ }
+ });
+ };
+
+ return (
+
+
Registro
MentorMatch
+
+
+
+
+
+ );
+};
+
+export default Register;
\ No newline at end of file
diff --git a/src/front/components/RequestPasswordReset.jsx b/src/front/components/RequestPasswordReset.jsx
new file mode 100644
index 0000000000..48f998340f
--- /dev/null
+++ b/src/front/components/RequestPasswordReset.jsx
@@ -0,0 +1,97 @@
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import userServices from "../services/userServices";
+
+const RequestPasswordReset = () => {
+ const [email, setEmail] = useState("");
+ const [message, setMessage] = useState("");
+ const [error, setError] = useState("");
+ const [loading, setLoading] = useState(false);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setLoading(true);
+ setError("");
+ setMessage("");
+
+ try {
+ const response = await userServices.requestPasswordReset(email);
+
+ if (response.success) {
+ setMessage(response.message);
+ setEmail("");
+ } else {
+ setError(response.message);
+ }
+ } catch (err) {
+ setError("Ocurrió un error. Por favor intenta de nuevo.");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+ Restablecer Contraseña
+ MentorMatch
+
+
+
+
+
+
+
+
+ );
+};
+
+export default RequestPasswordReset;
\ No newline at end of file
diff --git a/src/front/components/ResetPassword.jsx b/src/front/components/ResetPassword.jsx
new file mode 100644
index 0000000000..372553d4b8
--- /dev/null
+++ b/src/front/components/ResetPassword.jsx
@@ -0,0 +1,180 @@
+import { useState, useEffect } from "react";
+import { useSearchParams, useNavigate, Link } from "react-router-dom";
+import userServices from "../services/userServices";
+
+const ResetPassword = () => {
+ const [searchParams] = useSearchParams();
+ const token = searchParams.get('token');
+ const navigate = useNavigate();
+ const [password, setPassword] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+ const [message, setMessage] = useState("");
+ const [error, setError] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [validToken, setValidToken] = useState(null);
+
+ // Verificar token al cargar
+ useEffect(() => {
+ if (!token) {
+ setValidToken(false);
+ setError("No se proporcionó un token válido.");
+ return;
+ }
+
+ const verifyToken = async () => {
+ try {
+ const response = await userServices.verifyResetToken(token);
+ if (response.success) {
+ setValidToken(true);
+ } else {
+ setValidToken(false);
+ setError("El enlace es inválido o ha expirado.");
+ }
+ } catch (err) {
+ console.error("Error verificando token:", err);
+ setValidToken(false);
+ setError("El enlace es inválido o ha expirado.");
+ }
+ };
+ verifyToken();
+ }, [token]);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setError("");
+ setMessage("");
+
+ if (password !== confirmPassword) {
+ setError("Las contraseñas no coinciden");
+ return;
+ }
+
+ if (password.length < 8) {
+ setError("La contraseña debe tener al menos 8 caracteres");
+ return;
+ }
+
+ setLoading(true);
+
+ try {
+ const response = await userServices.resetPassword(token, password);
+
+ if (response.success) {
+ setMessage(response.message);
+ setTimeout(() => {
+ navigate("/login");
+ }, 3000);
+ } else {
+ setError(response.message);
+ }
+ } catch (err) {
+ console.error("Error resetting password:", err);
+ setError("Ocurrió un error. Por favor intenta de nuevo.");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ // Mostrar loading mientras verifica
+ if (validToken === null) {
+ return (
+
+
+
+ Verificando...
+
+
Verificando enlace...
+
+
+ );
+ }
+
+ if (validToken === false) {
+ return (
+
+
+
Enlace Inválido
+
{error}
+
+ Solicitar nuevo enlace
+
+
+
+ );
+ }
+
+ return (
+
+
+ Nueva Contraseña
+ MentorMatch
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ResetPassword;
\ No newline at end of file
diff --git a/src/front/components/ResultSearchMentor.jsx b/src/front/components/ResultSearchMentor.jsx
new file mode 100644
index 0000000000..6d0ac19405
--- /dev/null
+++ b/src/front/components/ResultSearchMentor.jsx
@@ -0,0 +1,74 @@
+import { useEffectEvent } from "react";
+import { Link } from "react-router-dom";
+
+
+const ResultSearchMentor = ({ mentor }) => {
+ const options = [
+ { value: "webdev", label: "Desarrollo Web" },
+ { value: "ia", label: "Inteligencia Artificial" },
+ { value: "datasci", label: "Ciencia de Datos" },
+ { value: "cyber", label: "Ciberseguridad" },
+ { value: "mobile", label: "Desarrollo Móvil" },
+ { value: "devops", label: "DevOps" },
+ { value: "uiux", label: "Diseño UI/UX" },
+ ]
+
+
+
+
+ const interestLabels = mentor?.interests
+ ?.replace(/[{}]/g, "")
+ .split(",")
+ .map(interest => {
+ const trimmed = interest.trim();
+ const option = options.find(opt => opt.value === trimmed);
+
+ return option?.label || trimmed;
+ })
+ ?.join(", ");
+
+
+
+ return (
+
+
+ <>
+ {
+
+
+
+
+
+
+
{mentor.name}
+ {interestLabels}
+
+
+
+ {mentor?.skills?.map((s, index) => (
+ <>
+
{s}
+
+ ))}
+
+
+
+ Ver perfil
+
+
+
+
+
+
+ }
+
+
+
+
+
+ )
+
+
+
+}
+export default ResultSearchMentor
\ No newline at end of file
diff --git a/src/front/components/Reviews.jsx b/src/front/components/Reviews.jsx
new file mode 100644
index 0000000000..0aa0fb104c
--- /dev/null
+++ b/src/front/components/Reviews.jsx
@@ -0,0 +1,22 @@
+import React from "react"
+import { useParams } from "react-router-dom";
+
+const Reviews = () => {
+ const { role } = useParams();
+
+
+
+ return (
+ <>
+ {role === 'mentor' &&
+
Aqui renderiza reseñas de {role}
+ }
+ {role === 'student' &&
+
Aqui renderiza reseñas de {role}
+ }
+
+
+ )
+}
+
+export default Reviews
\ No newline at end of file
diff --git a/src/front/components/Search.jsx b/src/front/components/Search.jsx
new file mode 100644
index 0000000000..dc3cea7a29
--- /dev/null
+++ b/src/front/components/Search.jsx
@@ -0,0 +1,71 @@
+import { useState } from "react"
+import userServices from "../services/userServices"
+import { div } from "framer-motion/client"
+import { SearchCode } from 'lucide-react';
+import ResultSearchMentor from "../components/ResultSearchMentor"
+
+const Search = () => {
+ const [search, setSearch] = useState("")
+ const [mentors, setMentors] = useState([])
+ const [loading, setLoading] = useState(false)
+ const [message, setMessage] = useState()
+ const handleChange = (e) => {
+
+ setSearch(e.target.value)
+
+ }
+
+ const handleSearch = (e) => {
+
+ setLoading(true)
+ userServices.searchMentorProfile(search).then(data => {
+
+
+ if (data.count <= 0) {
+ setMentors([])
+ setMessage("¡No se han encontrado mentores con tu interes!")
+ }
+ setLoading(false)
+ setMentors(data.data)
+
+ })
+ }
+
+ return (
+ <>
+
+
+
+
+
En que tecnologia necesitas ayuda?
+
+
+
+ {loading &&
+ Loading...
+
}
+
+
+
+
+
+ {mentors.length <= 0 &&
{message}
}
+ {mentors && mentors?.map(mentor => (
+
+
+
))}
+
+
+
+
+
+
+
+
+
+ )
+
+
+}
+
+export default Search
\ No newline at end of file
diff --git a/src/front/components/Services.jsx b/src/front/components/Services.jsx
new file mode 100644
index 0000000000..70152f7675
--- /dev/null
+++ b/src/front/components/Services.jsx
@@ -0,0 +1,190 @@
+import React, { useState, useEffect } from "react"
+import { useParams } from "react-router-dom";
+import { Circle, CirclePlus, CirclePlusIcon } from 'lucide-react';
+import AddSession from "./AddSession";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import userServices from "../services/userServices";
+import CarTypeMentoring from "./CarTypeMentoring";
+
+
+const Services = () => {
+
+ const { store, dispatch } = useGlobalReducer()
+ const [typesMentoring, setTypesMentoring] = useState()
+ const [selectedType, setSelectedType] = useState(null);
+ const [edit, setEdit] = useState(false)
+ const [sessionToDelete, setSessionToDelete] = useState(null);
+ const [calendlyConnected, setCalenldyConnected] = useState(false)
+ const [schedulingUrl, setSchedulingUrl] = useState("")
+
+ const fetchTypesMentoring = () => {
+ userServices.allTypesMentoring(store?.user.id).then(async data => {
+
+ if (data?.success) {
+ setTypesMentoring(data.data)
+ }
+ })
+ }
+
+ useEffect(() => {
+
+ userServices.getCalendlyStatus(store?.user?.id).then(data => {
+ if (data.connected) {
+ setCalenldyConnected(true)
+ setSchedulingUrl(data.scheduling_url)
+
+ }
+ })
+
+ fetchTypesMentoring()
+
+ }, []);
+
+ const handleEdit = (type) => {
+ setSelectedType(type)
+ setEdit(true)
+ const modal = new bootstrap.Modal(document.getElementById("exampleModal"));
+ modal.show();
+
+ }
+
+ const handleAddNew = () => {
+ setSelectedType(null);
+ setEdit(false);
+
+ const modal = new bootstrap.Modal(document.getElementById("exampleModal"));
+ modal.show();
+ };
+
+
+ const handleOpenDeleteModal = (type) => {
+ setSessionToDelete(type);
+
+ const modal = new bootstrap.Modal(document.getElementById("confirmDeleteModal"));
+ modal.show();
+ }
+
+
+
+ const confirmDelete = () => {
+ console.log(sessionToDelete)
+ if (!sessionToDelete) return;
+
+ userServices.deleteTypeMentoring(sessionToDelete.id).then(async data => {
+ if (data.success) {
+ fetchTypesMentoring();
+
+
+ const modal = bootstrap.Modal.getInstance(document.getElementById('confirmDeleteModal'));
+ modal.hide();
+ }
+ });
+ };
+
+
+
+
+ const handleDelete = (type) => {
+
+ userServices.deleteTypeMentoring(type.id).then(async data => {
+ if (data.success) {
+ fetchTypesMentoring()
+ }
+ })
+ }
+
+ const handleConnect = () => {
+ userServices.connectCalendly(store?.user.id).then(async data => {
+ console.log(data)
+ })
+
+ }
+
+
+ return (
+ <>
+
+ {!calendlyConnected &&
+
+
Antes de agregar sesiones, conecte con su cuenta de Calendly
+
Conectar cuenta Calendly
+
}
+ {calendlyConnected &&
+
+
Tu perfil esta conectado a Calendly:
+
{schedulingUrl}
+
+
+ }
+
+
+
+
+
+
Tipos de sesiones de mentoria
+
+
+
Agrega una nueva sesión
+
+
+
+
+ {typesMentoring?.map(type => (
+
+ handleEdit(type)}
+ onDelete={() => handleOpenDeleteModal(type)} />
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
Confirmar eliminación
+
+
+
+ ¿Estás seguro de que deseas eliminar esta sesión?
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+
+
+
+
+
+export default Services
+
+
diff --git a/src/front/components/SideBar.jsx b/src/front/components/SideBar.jsx
new file mode 100644
index 0000000000..da75cf2268
--- /dev/null
+++ b/src/front/components/SideBar.jsx
@@ -0,0 +1,235 @@
+import React, { useMemo, useState } from "react"
+import { LayoutDashboard, Settings, MessageSquare, Star, Briefcase, Calendar, DollarSign, Eye, LogOut, LogOutIcon } from 'lucide-react';
+import MenuItem from "./MenuItem";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import { useNavigate, Link } from "react-router-dom";
+import ImageAvatar from "./ImageAvatar";
+
+const PERMISSIONS = {
+ PANEL_VIEW: 'panel:view',
+ CONFIGURATIONMENTOR_VIEW: 'configurationmentor:view',
+ MESSAGES_VIEW: 'messages:view',
+ REVIEWS_VIEW: 'reviews:view',
+ SERVICES_VIEW: 'services:view',
+ MANAGE_SESSIONS_VIEW: 'sessions:manage',
+ FINANCE_VIEW: 'finance:view',
+ SESSIONS_VIEW: 'sessions:view',
+ CONFIGURATIONSTUDENT_VIEW: 'configurationstudent:view'
+}
+
+
+const ROLES = {
+
+ mentor: [
+ PERMISSIONS.PANEL_VIEW,
+ PERMISSIONS.CONFIGURATIONMENTOR_VIEW,
+ //PERMISSIONS.MESSAGES_VIEW,
+ //PERMISSIONS.REVIEWS_VIEW,
+ PERMISSIONS.SERVICES_VIEW,
+ PERMISSIONS.MANAGE_SESSIONS_VIEW,
+ // PERMISSIONS.FINANCE_VIEW
+ ],
+
+ student: [
+ PERMISSIONS.PANEL_VIEW,
+ PERMISSIONS.CONFIGURATIONSTUDENT_VIEW,
+ PERMISSIONS.MESSAGES_VIEW,
+ // PERMISSIONS.REVIEWS_VIEW,
+ PERMISSIONS.SESSIONS_VIEW
+ ]
+
+}
+
+const MENU_ITEMS = [
+
+ {
+ id: 'panel',
+ label: 'Panel',
+ icon: LayoutDashboard,
+ path: '/panel',
+ permission: PERMISSIONS.PANEL_VIEW
+ },
+
+ {
+ id: 'services',
+ label: 'Mis servicios',
+ icon: Briefcase,
+ path: '/services',
+ permission: PERMISSIONS.SERVICES_VIEW
+ },
+
+ {
+ id: 'manageSessions',
+ label: 'Gestionar sesiones',
+ icon: Calendar,
+ path: '/sessions/manage',
+ permission: PERMISSIONS.MANAGE_SESSIONS_VIEW
+ },
+
+ {
+ id: 'sessionsView',
+ label: 'Ver sesiones',
+ icon: Eye,
+ path: '/sessions/view',
+ permission: PERMISSIONS.SESSIONS_VIEW
+ },
+
+ {
+ id: 'finance',
+ label: 'Finanzas',
+ icon: DollarSign,
+ path: '/finance',
+ permission: PERMISSIONS.FINANCE_VIEW
+ },
+
+ {
+ id: 'messages',
+ label: 'Mensajes',
+ icon: MessageSquare,
+ path: '/messages',
+ permission: PERMISSIONS.MESSAGES_VIEW
+ },
+
+ {
+ id: 'reviews',
+ label: 'Reseñas',
+ icon: Star,
+ path: '/reviews',
+ permission: PERMISSIONS.REVIEWS_VIEW
+ },
+
+ {
+ id: 'configurationMentor',
+ label: 'Configuración de la cuenta',
+ icon: Settings,
+ path: '/configurationmentor',
+ permission: PERMISSIONS.CONFIGURATIONMENTOR_VIEW
+ },
+
+ {
+ id: 'configurationStudent',
+ label: 'Configuración de la cuenta',
+ icon: Settings,
+ path: '/configurationstudent',
+ permission: PERMISSIONS.CONFIGURATIONSTUDENT_VIEW,
+ }
+]
+
+
+
+const havePermission = (userPermissions, permissionRequired) => {
+ return userPermissions.includes(permissionRequired)
+}
+
+
+const filterMenuItem = (item, userPermissions) => {
+ if (item.permission && !havePermission(userPermissions, item.permission)) {
+ return null
+ }
+
+ return item
+}
+
+const filterFullMenu = (menuItems, userPermissions) => {
+ const menuFiltered = [];
+
+ for (const item of menuItems) {
+ const itemFiltered = filterMenuItem(item, userPermissions)
+
+ if (itemFiltered !== null) {
+ menuFiltered.push(itemFiltered)
+ }
+
+
+ }
+ return menuFiltered
+
+}
+
+
+
+
+
+const SideBar = ({ userRole, userEmail }) => {
+ const [currentPath, setCurrentPath] = useState('/panel');
+ const { store, dispatch } = useGlobalReducer()
+ const navigate = useNavigate();
+
+ //const menu = menuFiltered(userRole)
+
+
+
+
+ const menu = useMemo(() => {
+
+ const permissionUser = ROLES[userRole] || [];
+ const filtered = filterFullMenu(MENU_ITEMS, permissionUser)
+
+ return filtered
+ }, [userRole]);
+
+ const handleLogout = () => {
+ localStorage.removeItem('user');
+ dispatch({ type: "logged_out" })
+ navigate('/')
+ }
+
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
{store.nameApp}
+
+
+ {store?.auth && (
+
+
+ {userEmail}
+ Perfil: {userRole}
+
+
+
+
+ )}
+
+
+
+
+
+
+ )
+}
+
+export default SideBar
\ No newline at end of file
diff --git a/src/front/components/SkillsSelect.jsx b/src/front/components/SkillsSelect.jsx
new file mode 100644
index 0000000000..d3b2927e14
--- /dev/null
+++ b/src/front/components/SkillsSelect.jsx
@@ -0,0 +1,39 @@
+import CreatableSelect from "react-select/creatable"
+import { useState } from "react"
+import { div } from "framer-motion/client"
+
+const SkillsSelect = ({skills, setSkills, popularsSkill}) => {
+ //const [skills, setSkills] = useState([])
+
+ /*
+ const popularsSkill = [
+ { value: "react", label: "React" },
+ { value: "node", label: "Node.js" },
+ { value: "python", label: "Python" },
+ { value: "docker", label: "Docker" },
+ { value: "git", label: "Git" },
+ ]
+*/
+ return (
+
+
+
+
+
+
+
+
+
+ )
+
+
+
+
+}
+export default SkillsSelect
\ No newline at end of file
diff --git a/src/front/components/TechFocus.jsx b/src/front/components/TechFocus.jsx
new file mode 100644
index 0000000000..b1c12ca9c6
--- /dev/null
+++ b/src/front/components/TechFocus.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import { FaLaptopCode, FaBrain, FaDatabase, FaPalette, FaShieldAlt } from "react-icons/fa";
+
+const TechFocus = () => {
+ return (
+
+
+
+
Especializados en el sector tecnológico
+
En MentorMatch conectamos a estudiantes y mentores apasionados por la tecnología. Aprende las habilidades más demandadas del mundo digital y acelera tu carrera profesional.
+
+
+
+
+
+
+
+
Inteligencia Artificial
+
+
+
+
+
+
+ );
+}
+export default TechFocus;
\ No newline at end of file
diff --git a/src/front/components/UploadAvatar.jsx b/src/front/components/UploadAvatar.jsx
new file mode 100644
index 0000000000..2b7d495fc1
--- /dev/null
+++ b/src/front/components/UploadAvatar.jsx
@@ -0,0 +1,68 @@
+import { useState } from "react"
+import userServices from "../services/userServices"
+import { Upload } from 'lucide-react';
+import useGlobalReducer from "../hooks/useGlobalReducer";
+
+
+const UploadAvatar = () => {
+ const formData = new FormData()
+ const [avatarUrl, setAvatarUrl] = useState()
+ const [loading, setLoading] = useState(false)
+ const { store, dispatch } = useGlobalReducer()
+
+ const handleUpload = (e) => {
+ e.preventDefault()
+ const file = e.target.files[0]
+ if (!file) return
+ setLoading(true)
+ formData.append('avatar', file)
+
+ userServices.uploadAvatar(formData).then(data => {
+ console.log (data)
+ if (data) {
+ setAvatarUrl(data.url)
+
+ const userString = localStorage.getItem("user")
+ const user = JSON.parse(userString)
+ user.avatarUrl = data.url
+ localStorage.setItem("user", JSON.stringify(user)) //actualizamos los datos del user en local agregando la URL de perfil
+ dispatch({ type: 'add_avatar', payload: data.url })
+ setLoading(false)
+
+ }
+
+ })
+ }
+
+ return (
+ <>
+
+
+
+
+ {store?.user?.avatarUrl &&
}
+
+
+
+ {loading &&
+ Loading...
+
}
+
+
+
+
+ )
+
+
+}
+
+export default UploadAvatar
\ No newline at end of file
diff --git a/src/front/components/ViewProfileMentor.jsx b/src/front/components/ViewProfileMentor.jsx
new file mode 100644
index 0000000000..fc0a1acb28
--- /dev/null
+++ b/src/front/components/ViewProfileMentor.jsx
@@ -0,0 +1,179 @@
+import React, { useEffect, useState } from "react"
+import { useParams } from "react-router-dom"
+import userServices from "../services/userServices";
+import { User, Star, CalendarDays, IdCardIcon, IdCardLanyardIcon, Euro, Clock, Key } from 'lucide-react';
+import { IdCard, } from "lucide";
+import { Link } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+
+
+const ViewProfileMentor = () => {
+ const { id } = useParams();
+ const [profile, setProfile] = useState();
+ const [typesMentoring, setTypesMentoring] = useState()
+ const { store, dispatch } = useGlobalReducer()
+ const options = [
+ { value: "webdev", label: "Desarrollo Web" },
+ { value: "ia", label: "Inteligencia Artificial" },
+ { value: "datasci", label: "Ciencia de Datos" },
+ { value: "cyber", label: "Ciberseguridad" },
+ { value: "mobile", label: "Desarrollo Móvil" },
+ { value: "devops", label: "DevOps" },
+ { value: "uiux", label: "Diseño UI/UX" },
+ ]
+
+ const fetchTypesMentoring = () => {
+ userServices.allTypesMentoring(id).then(async data => {
+
+ if (data?.success) {
+
+ setTypesMentoring(data.data)
+ }
+ })
+ }
+
+
+
+
+
+ useEffect(() => {
+
+ userServices.getMentorProfile(id).then(data => {
+
+ if (data) {
+ setProfile(data)
+ }
+
+ })
+
+ fetchTypesMentoring()
+
+
+ }, []);
+
+
+
+
+ const interestLabels = profile?.interests
+ ?.replace(/[{}]/g, "")
+ .split(",")
+ .map(interest => {
+ const trimmed = interest.trim();
+ const option = options.find(opt => opt.value === trimmed);
+
+ return option?.label || trimmed;
+ })
+ ?.join(", ");
+
+
+ const handleReserve = (type) => {
+
+ console.log(type.calendly_event_type_slug)
+ console.log(store?.user)
+ if (type?.calendly_event_type_slug) { /* enviamos la informacion del estudiante para pre cargar informacion en formulario de Calendly */
+ window.Calendly.initPopupWidget({ url: type?.calendly_event_type_slug,
+ prefill: {
+ name: store?.user?.profile?.name,
+ email: store?.user?.email
+ }
+ })
+ }
+ }
+
+
+ return (
+ <>
+
+
+
+
+
+
+
{profile?.name}
+
{profile?.location}
+
+
+
+
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+
+
+
+
+
+
Biografia
+ {profile?.bio}
+
+
+
Mis temas de mentoria
+ {interestLabels}
+
+
+
+
+
...
+
+
+ {!store?.auth &&
+
+
Para acceder y ver sesiones de este mentor, debes registrarte y/o iniciar sesión
+ Login
+
+ }
+ {store?.auth && typesMentoring?.map(type =>
+ (
+
+
handleReserve(type)}>
+
+
{type.title}
+
{type.description}
+
+
+ {`${type?.duration} min`}
+
+ {`${type?.price} por sesión`}
+
+
+
+
+
+
+ ))
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+
+
+
+}
+export default ViewProfileMentor
\ No newline at end of file
diff --git a/src/front/components/ViewSessions.jsx b/src/front/components/ViewSessions.jsx
new file mode 100644
index 0000000000..7f6c256d28
--- /dev/null
+++ b/src/front/components/ViewSessions.jsx
@@ -0,0 +1,21 @@
+import React from "react"
+import { useParams } from "react-router-dom";
+
+const ViewSessions = () => {
+ const { role } = useParams();
+
+
+
+ return (
+ <>
+
+
Aqui renderiza Ver Sessiones de {role}
+
+
+
+
+
+ )
+}
+
+export default ViewSessions
\ No newline at end of file
diff --git a/src/front/index.css b/src/front/index.css
index e69de29bb2..1dfbfa3d36 100644
--- a/src/front/index.css
+++ b/src/front/index.css
@@ -0,0 +1,838 @@
+html,
+body {
+ height: 100%;
+ margin: 0;
+}
+
+.navbar {
+ background-color: #5aa8ab;
+}
+
+.icon {
+ width: 8rem;
+ height: auto;
+ margin-right: 5px;
+}
+
+.icon-text {
+ font-family: "Poppins", sans-serif;
+ font-size: 1.5rem;
+}
+
+.navbar-btn {
+ background-color: #184039;
+ border: 0;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+ transition: all 0.3s ease;
+}
+
+.navbar-btn:hover {
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+ transform: translateY(-2px);
+ background-color: #77a6aa;
+}
+
+.navbar-text,
+.navbar-btn {
+ font-family: "Inter";
+}
+
+.hero-section {
+ position: relative;
+ width: 100%;
+ height: 480px;
+ display: flex;
+ justify-content: center;
+ margin-top: 5rem;
+ overflow: hidden;
+}
+
+.hero-content {
+ text-align: center;
+ max-width: 800px;
+ padding: 20px;
+ z-index: 2;
+}
+
+.logo-image {
+ width: 12rem;
+ margin-bottom: 2rem;
+ opacity: 0;
+ transform: translateY(-20px);
+ animation: fadeInSlideDown 1s forwards;
+ animation-delay: 0.5s;
+}
+
+h1 {
+ font-family: "Poppins", sans-serif;
+ font-size: 2.5em;
+ font-weight: bold;
+ color: #263c5e;
+ margin-bottom: 15px;
+ opacity: 0;
+ transform: translateY(20px);
+ animation: fadeInSlideUp 1s forwards;
+ animation-delay: 1s;
+}
+
+h2 {
+ font-family: "Poppins", sans-serif;
+ font-size: 2.5em;
+ font-weight: bold;
+ color: #263c5e;
+ margin-bottom: 15px;
+}
+
+.titles-form {
+ font-family: "Poppins", sans-serif;
+ font-size: 20px;
+ font-weight: medium;
+ color: #263a5b;
+}
+
+.info-form {
+ font-family: "Poppins", sans-serif;
+ font-size: 10px;
+ font-weight: 300;
+ color: #184039c7;
+}
+
+.span-text {
+ color: #77a6aa;
+}
+
+.hero-text {
+ font-family: "Inter", sans-serif;
+ font-size: 0.94em;
+ font-weight: lighter;
+ color: #263c5e;
+ margin-bottom: 30px;
+ opacity: 0;
+ transform: translateY(20px);
+ animation: fadeInSlideUp 1s forwards;
+ animation-delay: 1.5s;
+}
+
+.cta-button {
+ width: 297px;
+ height: 46px;
+}
+.cta-send {
+ width: 180px;
+ height: 35px;
+}
+
+.cta-button,
+.cta-send {
+ padding-top: 0px;
+ padding-bottom: 0px;
+ font-family: "Inter", sans-serif;
+ background-color: #184039;
+ color: white;
+ border: none;
+ border-radius: 50px;
+ font-size: 0.94em;
+ cursor: pointer;
+ transition: background-color 0.3s ease, transform 0.3s ease;
+ opacity: 0;
+ transform: translateY(20px);
+ animation: fadeInSlideUp 1s forwards;
+ animation-delay: 2s;
+ border: 0;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+ transition: all 0.3s ease;
+}
+
+.cta-button:hover,
+.cta-send:hover {
+ background-color: #77a6aa;
+ transform: translateY(-5px);
+}
+
+/* Animaciones */
+@keyframes fadeInSlideDown {
+ from {
+ opacity: 0;
+ transform: translateY(-20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInSlideUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.div-card {
+ width: 100%;
+ height: auto;
+ background: radial-gradient(circle, #ffffff 10%, #5aa8ab 100%);
+
+ min-height: 300px;
+ padding: 20px;
+ box-sizing: border-box;
+ position: relative;
+ display: flex;
+ justify-content: center;
+ overflow: hidden;
+}
+
+.title {
+ padding-left: 2rem;
+ color: #263c5e;
+ font-family: "Poppins", sans-serif;
+ font-weight: normal;
+}
+
+.form-metorprofile,
+.div-statistics,
+.div-sessions {
+ width: 100%;
+ background-color: rgba(119, 166, 170, 0.46);
+}
+
+.div-statistics {
+ background-color: #77a6aa;
+}
+
+.bg-header-pending {
+ background-color: #ffbf47;
+}
+
+.bg-header-completed {
+ background-color: #38761d;
+}
+.bg-header-canceled {
+ background-color: #6d6d6d;
+}
+
+.form-style {
+ width: 440px;
+}
+
+.form-style,
+.form-metorprofile,
+.div-statistics,
+.div-sessions {
+ padding: 1rem;
+ height: auto;
+ border-color: #77a6aa;
+ border-width: 2rem;
+ border-radius: 2rem;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+}
+
+.form-input {
+ border-color: #77a6aa;
+ border-width: 0.07rem;
+ box-shadow: 0 4px 6px rgb(119, 166, 170, 0.4);
+}
+
+.form-label {
+ font-family: "Poppins", sans-serif;
+ color: #263c5e;
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 270px;
+ height: 100vh;
+ background: linear-gradient(
+ to bottom,
+ #184039 0%,
+ #184039 75%,
+ rgba(119, 166, 170, 0.7) 100%
+ );
+ display: flex;
+ flex-direction: column;
+}
+.contains-info {
+ padding: 0.5rem;
+ border-radius: 8px;
+ background-color: rgba(255, 255, 255, 0.12);
+ backdrop-filter: blur(5px);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+ gap: 2px;
+}
+
+.user-info {
+ width: 65%;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.icon-logout,
+.user-info span {
+ color: #f5f5f5;
+ font-weight: 400;
+ font-size: 0.8em;
+}
+
+.style-nav {
+ margin-top: 2rem;
+ margin-left: 0.5rem;
+}
+
+.menu-item {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.8);
+ transition: all 0.3s ease;
+ cursor: pointer;
+ margin-top: 1rem;
+ padding: 0.2em;
+}
+
+.menu-item:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #fff;
+}
+
+.menu-item-active {
+ background: linear-gradient(
+ 90deg,
+ rgba(255, 255, 255, 0.2) 0%,
+ rgba(255, 255, 255, 0.05) 100%
+ );
+ color: #fff;
+}
+
+.menu-item:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.menu-item-active:hover {
+ background: linear-gradient(
+ 90deg,
+ rgba(255, 255, 255, 0.25) 0%,
+ rgba(255, 255, 255, 0.08) 100%
+ );
+}
+
+.btn-hamburger {
+ border: none;
+ background: transparent;
+ font-size: 1.8rem;
+ color: #184039;
+}
+.btn-hamburger:hover {
+ color: #5aa8ab;
+}
+
+.photo-upload-container {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+ font-family: "Poppins", sans-serif;
+}
+
+/* Texto "Foto" */
+.photo-label {
+ font-size: 15px;
+ color: #1a1a1a;
+ font-weight: 400;
+ margin: 0;
+}
+
+/* Circulo de avatar pequeño*/
+.avatar-circle-min {
+ width: 40px;
+ height: 40px;
+}
+
+/* Círculo de avatar */
+.avatar-circle {
+ width: 80px;
+ height: 80px;
+}
+
+.avatar-card-student {
+ width: 8rem;
+ height: 8rem;
+}
+
+.avatar-card-student,
+.avatar-circle,
+.avatar-circle-min {
+ border-radius: 50%;
+ background-color: #ececec;
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+}
+
+.avatar-card-student img,
+.avatar-circle img,
+.avatar-circle-min img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+/* Botón de subir foto */
+.upload-btn {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ padding: 6px 12px;
+ background-color: white;
+ border: 1px solid #253c59;
+ border-radius: 4px;
+ font-size: 13px;
+ color: #253c59;
+ cursor: pointer;
+ transition: background-color 0.15s ease;
+ user-select: none;
+ font-weight: 400;
+}
+
+.upload-btn:hover {
+ background-color: #fafafa;
+}
+
+.upload-btn:active {
+ background-color: #f0f0f0;
+}
+
+.file-input {
+ display: none;
+}
+
+.card-sessions {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ font-family: "Poppins", sans-serif;
+ font-size: 1rem;
+ background-color: #76a6a6;
+ color: #263c5e;
+ border-radius: 20px;
+ height: 220px;
+ width: auto;
+ overflow: hidden;
+ transition: all 0.3s ease;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+ text-align: center;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.card-states {
+ font-family: "Poppins", sans-serif;
+ font-size: 0.9rem;
+ background-color: #c1d6d8;
+ color: #263c5e;
+ border-radius: 10px;
+ height: auto;
+ min-height: 180px;
+ width: 100%;
+ overflow: hidden;
+ transition: all 0.3s ease;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+ text-align: left;
+ padding: 1rem;
+}
+
+.card-student {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ font-family: "Poppins", sans-serif;
+ font-size: 0.9rem;
+ background-color: #77a6aa;
+ color: #263c5e;
+ border-radius: 20px;
+ height: auto;
+ min-height: 180px;
+ width: 100%;
+ overflow: hidden;
+ transition: all 0.3s ease;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+ text-align: left;
+ padding: 1rem;
+}
+
+.card-title-student {
+ height: 30px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ min-height: 20px;
+ font-weight: bold;
+ font-size: 1.5rem;
+}
+
+.card-title {
+ height: 30px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ min-height: 20px;
+ font-weight: bold;
+ font-size: 1.5rem;
+}
+
+.card-text {
+ height: 30px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ min-height: 30px;
+ color: #ffffff;
+ font-size: 1.2rem;
+}
+
+.card-body {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.card-sessions:hover,
+.card-student:hover {
+ box-shadow: 0 20px 30px rgb(119, 146, 150);
+ transform: translateY(-2px);
+}
+
+@media (max-width: 576px) {
+ .card-student {
+ min-height: 150px;
+ padding: 0.8rem;
+ text-align: center;
+ }
+
+ .card-title-student {
+ font-size: 1.1rem;
+ }
+}
+
+.student-card-skill {
+ background: #184039;
+ color: #ffffff;
+ padding: 8px 1px;
+ border-radius: 20px;
+ font-size: 13px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.modal-label {
+ font-family: "Poppins", sans-serif;
+ font-weight: medium;
+ color: #ffffff;
+ font-size: 0.9em;
+}
+
+.modal-style {
+ background-color: #184039;
+
+ margin-right: 5em;
+ margin-top: 3em;
+}
+
+.btn-cancel {
+ background-color: #263c5e;
+ color: white;
+ box-shadow: 0 2px 5px rgb(119, 146, 150);
+}
+
+.btn-cancel:hover {
+ background-color: white;
+ color: #263c5e;
+}
+
+.btn-edit {
+ color: white;
+}
+
+.btn-edit:hover {
+ color: #184039;
+}
+
+.btn-delete {
+ color: #184039;
+ font-weight: bold;
+}
+
+.btn-delete:hover {
+ color: white;
+}
+
+.btn-save {
+ background-color: #3ea694;
+ color: white;
+ box-shadow: 0 2px 5px rgb(119, 146, 150);
+}
+
+.btn-save:hover {
+ background-color: white;
+ color: #3ea694;
+}
+
+.btn-addnew {
+ background-color: #184039;
+ color: white;
+ border: none;
+ box-shadow: 0 2px 5px rgb(119, 146, 150);
+}
+
+.btn-addnew:hover {
+ background-color: #3ea694;
+ color: white;
+}
+
+.session-duration {
+ padding: 0.9em;
+ background-color: #263c5e;
+ color: white;
+ width: 8em;
+ height: 2em;
+ border-radius: 0.9rem;
+ font-family: "Poppins", sans-serif;
+ font-weight: medium;
+}
+
+.session-price {
+ padding: 0.9em;
+ background-color: #184039;
+ color: white;
+ width: auto;
+ height: 2em;
+ border-radius: 0.9rem;
+ font-family: "Poppins", sans-serif;
+ font-weight: medium;
+}
+
+.search {
+ background: linear-gradient(to bottom, #184039 6%, #3ea694 82%);
+ border-radius: 1rem;
+ color: white;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+}
+
+.search-input {
+ border-radius: 0.7em;
+ margin-bottom: 1rem;
+ border: none;
+ height: 2.8em;
+}
+
+.search-btn {
+ background-color: #263c5e;
+ color: white;
+ border-radius: 0.7em;
+ height: 3rem;
+ width: 15rem;
+ font-size: 1.2rem;
+}
+
+.search-btn:hover {
+ background-color: white;
+ color: #263c5e;
+}
+
+.cardsize {
+ margin-inline: 5rem;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ background: linear-gradient(180deg, #2c3e50 0%, #1a4740 100%);
+ border-radius: 20px;
+ overflow: hidden;
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+ font-family: "Poppins", sans-serif;
+ font-weight: medium;
+ color: white;
+}
+
+.card-image-container {
+ padding-top: 0.9em;
+ position: relative;
+ width: 100%;
+ height: 250px;
+ overflow: hidden;
+}
+
+.imgcard {
+ height: 100%;
+ width: 100%;
+ object-fit: cover;
+ border-radius: 20px;
+}
+
+.card-hover {
+ transition: all 0.3s ease;
+}
+
+.card-hover:hover {
+ box-shadow: 0 0.5rem 0.5rem #77a6aa;
+ transform: translateY(-2px);
+}
+
+.btn-view {
+ width: 100%;
+ background: #263c5e;
+ color: #ffffff;
+ padding: 8px 20px;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ border-radius: 30px;
+ font-size: 15px;
+ font-weight: 600;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ text-align: center;
+ text-decoration: none;
+ display: block;
+}
+
+.btn-hover:hover {
+ background-color: #ffffff;
+ color: #263c5e;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
+}
+
+.card-mentor-interest {
+ font-family: "Inter", sans-serif;
+ font-size: 0.8em;
+}
+
+.mentor-card-skills {
+ font-family: "Inter", sans-serif;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 3px;
+ margin-bottom: 20px;
+}
+
+.mentor-card-skill {
+ background: #77a6aa;
+ color: #ffffff;
+ padding: 8px 1px;
+ border-radius: 20px;
+ font-size: 13px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.view-profile-mentor {
+ background: linear-gradient(to bottom, #184039 6%, #3ea694 82%);
+ border-radius: 1rem;
+ color: white;
+ box-shadow: 0 8px 20px rgb(119, 166, 170);
+ font-family: "Poppins", sans-serif;
+}
+
+.view-profile-mentor-name {
+ font-size: 3em;
+ font-weight: bolder;
+ margin-bottom: 0;
+}
+
+.view-profile-mentor-location {
+ font-size: 1.5em;
+}
+
+.view-profile-mentor-img {
+ height: 10em;
+ width: 10em;
+ border-radius: 80px;
+ border-color: #ffffff;
+ border-width: 0.1em;
+ border-style: solid;
+}
+
+.custom-tabs .nav-link.active {
+ /*background-color: #77A6AA !important; /* color de fondo del tab activo */
+ color: #77a6aa !important; /* texto en blanco */
+ /*border-color: #77A6AA !important; /* color del borde */
+ border: none;
+ border-bottom: 2px solid #77a6aa !important;
+}
+
+.custom-tabs .nav-link:hover {
+ background-color: rgba(119, 166, 170, 0.15);
+ color: #184039;
+}
+
+.custom-tabs .nav-tabs .nav-link.active {
+ border: none;
+}
+
+.custom-tabs .nav-link {
+ transition: all 0.3s ease;
+ color: dimgrey;
+ border: none;
+}
+
+.tab-profile-bio {
+ border: 1px solid #77a6aa;
+ min-height: 12rem;
+ border-radius: 20px;
+ padding-left: 2rem;
+ padding-top: 1rem;
+}
+
+.tab-profile-bio .title {
+ color: #263c5e;
+}
+
+.icons {
+ color: #184a45;
+}
+
+.icon-card {
+ color: #5aa8ab;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100px;
+}
+
+.text-card {
+ animation: fadeInSlideUp 3s forwards;
+ animation-delay: 1s;
+}
+
+.cta-section {
+ background-color: #184039;
+}
+
+.tittle-CTA {
+ color: white;
+}
+
+.bottom-register {
+ color: #184039;
+}
+
+.btn-view {
+ width: 100%;
+ background: #263c5e;
+ color: #ffffff;
+ padding: 12px 24px;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ border-radius: 25px;
+ font-size: 15px;
+ font-weight: 600;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ text-align: center;
+ text-decoration: none;
+ display: block;
+}
diff --git a/src/front/pages/Dashboard.jsx b/src/front/pages/Dashboard.jsx
new file mode 100644
index 0000000000..4b43732645
--- /dev/null
+++ b/src/front/pages/Dashboard.jsx
@@ -0,0 +1,77 @@
+import { div } from "framer-motion/client"
+import SideBar from "../components/SideBar"
+import { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import useGlobalReducer from "../hooks/useGlobalReducer";
+import { useNavigate, Link } from "react-router-dom";
+import userServices from "../services/userServices";
+import { Outlet } from "react-router-dom";
+
+const Dashboard = () => {
+ const { store, dispatch } = useGlobalReducer()
+
+ const [currentPath, setCurrentPath] = useState('/panel')
+ const navigate = useNavigate();
+ const { role } = useParams();
+ const [userEmail, setUserEmail] = useState("")
+ const [userToken, setUserToken] = useState("")
+ const [userRole, setUserRole] = useState(role)
+
+
+
+ useEffect(() => {
+ /*
+ userServices.dashboard().then((data) => {
+ console.log("data-->", data)
+ dispatch({ type: "save_user", payload: data })
+ });
+ */
+
+ const user = JSON.parse(localStorage.getItem('user'));
+
+ if (user) {
+ dispatch({ type: 'logged_in' })
+
+ setUserRole(user.role)
+ setUserEmail(user.email)
+ setUserToken(user.token)
+
+ }
+
+ }, [store.auth, navigate]);
+
+
+
+ return (
+ <>
+ {!store?.auth &&
+
+
Esto es privado
+ Login
+
+ }
+
+ {store?.auth &&
+
+ }
+
+ )
+
+
+}
+
+export default Dashboard
\ No newline at end of file
diff --git a/src/front/pages/Home.jsx b/src/front/pages/Home.jsx
index 341ed21768..8ee1104ba8 100644
--- a/src/front/pages/Home.jsx
+++ b/src/front/pages/Home.jsx
@@ -1,7 +1,13 @@
import React, { useEffect } from "react"
import rigoImageUrl from "../assets/img/rigo-baby.jpg";
import useGlobalReducer from "../hooks/useGlobalReducer.jsx";
+import { motion } from "framer-motion";
+import Particles from "react-tsparticles";
+import { Hero } from "../components/Hero.jsx";
+import HowItWorks from "../components/HowItWorks.jsx";
+import TechFocus from "../components/TechFocus.jsx";
+import CTARegister from "../components/CTARegister.jsx";
export const Home = () => {
const { store, dispatch } = useGlobalReducer()
@@ -33,20 +39,18 @@ export const Home = () => {
}, [])
return (
-
-
Hello Rigo!!
-
- 
-
-
- {store.message ? (
- {store.message}
- ) : (
-
- Loading message from the backend (make sure your python 🐍 backend is running)...
-
- )}
-
+
+
+
+
+
+
+
+
+
+
+
+
);
};
\ No newline at end of file
diff --git a/src/front/pages/Layout.jsx b/src/front/pages/Layout.jsx
index 9bfa31325c..bf125520f0 100644
--- a/src/front/pages/Layout.jsx
+++ b/src/front/pages/Layout.jsx
@@ -1,15 +1,20 @@
-import { Outlet } from "react-router-dom/dist"
+import { Outlet, useLocation } from "react-router-dom/dist"
import ScrollToTop from "../components/ScrollToTop"
import { Navbar } from "../components/Navbar"
import { Footer } from "../components/Footer"
// Base component that maintains the navbar and footer throughout the page and the scroll to top functionality.
export const Layout = () => {
+ const location = useLocation()
+
+ const hideLayout = location.pathname.startsWith('/dashboard')
+
return (
-
-
-
+ {!hideLayout && }
+
+
+ {!hideLayout && }
)
}
\ No newline at end of file
diff --git a/src/front/pages/LoginPage.jsx b/src/front/pages/LoginPage.jsx
new file mode 100644
index 0000000000..90ef47ec32
--- /dev/null
+++ b/src/front/pages/LoginPage.jsx
@@ -0,0 +1,11 @@
+import Login from "../components/Login"
+
+const LoginPage = () => {
+ return (
+
+
+
+ )
+}
+
+export default LoginPage
\ No newline at end of file
diff --git a/src/front/pages/RegisterPage.jsx b/src/front/pages/RegisterPage.jsx
new file mode 100644
index 0000000000..2462668e3c
--- /dev/null
+++ b/src/front/pages/RegisterPage.jsx
@@ -0,0 +1,16 @@
+import Register from "../components/Register"
+
+const RegisterPage = () => {
+
+ return (
+
+
+
+
+
+ )
+
+
+}
+
+export default RegisterPage
\ No newline at end of file
diff --git a/src/front/pages/RequestPasswordResetPage.jsx b/src/front/pages/RequestPasswordResetPage.jsx
new file mode 100644
index 0000000000..b644800191
--- /dev/null
+++ b/src/front/pages/RequestPasswordResetPage.jsx
@@ -0,0 +1,9 @@
+import RequestPasswordReset from "../components/RequestPasswordReset"
+
+const RequestPasswordResetPage = () => {
+ return (
+
+ )
+}
+
+export default RequestPasswordResetPage
\ No newline at end of file
diff --git a/src/front/pages/ResetPassword.jsx b/src/front/pages/ResetPassword.jsx
new file mode 100644
index 0000000000..d947afa5d8
--- /dev/null
+++ b/src/front/pages/ResetPassword.jsx
@@ -0,0 +1,153 @@
+import { useState, useEffect } from "react";
+import { useParams, useNavigate, Link } from "react-router-dom";
+import userServices from "../services/userServices";
+
+const ResetPassword = () => {
+ const { token } = useParams();
+ const navigate = useNavigate();
+ const [password, setPassword] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+ const [message, setMessage] = useState("");
+ const [error, setError] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [validToken, setValidToken] = useState(true);
+
+ // Verificar token al cargar
+ useEffect(() => {
+ const verifyToken = async () => {
+ try {
+ const response = await userServices.verifyResetToken(token);
+ if (!response.success) {
+ setValidToken(false);
+ setError("El enlace es inválido o ha expirado.");
+ }
+ } catch (err) {
+ setValidToken(false);
+ setError("El enlace es inválido o ha expirado.");
+ }
+ };
+ verifyToken();
+ }, [token]);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setError("");
+ setMessage("");
+
+ if (password !== confirmPassword) {
+ setError("Las contraseñas no coinciden");
+ return;
+ }
+
+ if (password.length < 6) {
+ setError("La contraseña debe tener al menos 6 caracteres");
+ return;
+ }
+
+ setLoading(true);
+
+ try {
+ const response = await userServices.resetPassword(token, password);
+
+ if (response.success) {
+ setMessage(response.message);
+ setTimeout(() => {
+ navigate("/login");
+ }, 3000);
+ } else {
+ setError(response.message);
+ }
+ } catch (err) {
+ setError("Ocurrió un error. Por favor intenta de nuevo.");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ if (!validToken) {
+ return (
+
+
+
Enlace Inválido
+
{error}
+
+ Solicitar nuevo enlace
+
+
+
+ );
+ }
+
+ return (
+
+
+ Nueva Contraseña
+ MentorMatch
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ResetPassword;
\ No newline at end of file
diff --git a/src/front/pages/ResetPasswordPage.jsx b/src/front/pages/ResetPasswordPage.jsx
new file mode 100644
index 0000000000..4441e0f3f3
--- /dev/null
+++ b/src/front/pages/ResetPasswordPage.jsx
@@ -0,0 +1,9 @@
+import ResetPassword from "../components/ResetPassword"
+
+const ResetPasswordPage = () => {
+ return (
+
+ )
+}
+
+export default ResetPasswordPage
\ No newline at end of file
diff --git a/src/front/pages/SearchMentor.jsx b/src/front/pages/SearchMentor.jsx
new file mode 100644
index 0000000000..d25df81110
--- /dev/null
+++ b/src/front/pages/SearchMentor.jsx
@@ -0,0 +1,21 @@
+import Search from "../components/Search"
+
+
+const SearchMentor = () => {
+
+ return (
+
+ <>
+
+
+
+
+
+
+ )
+
+
+
+
+}
+export default SearchMentor
\ No newline at end of file
diff --git a/src/front/pages/ViewProfile.jsx b/src/front/pages/ViewProfile.jsx
new file mode 100644
index 0000000000..7939f07463
--- /dev/null
+++ b/src/front/pages/ViewProfile.jsx
@@ -0,0 +1,15 @@
+import ViewProfileMentor from "../components/ViewProfileMentor"
+
+const ViewProfile = () => {
+ return (
+ <>
+
+
+
+
+
+ )
+
+}
+
+export default ViewProfile
\ No newline at end of file
diff --git a/src/front/routes.jsx b/src/front/routes.jsx
index 0557df6141..62d755d89a 100644
--- a/src/front/routes.jsx
+++ b/src/front/routes.jsx
@@ -1,30 +1,71 @@
// Import necessary components and functions from react-router-dom.
import {
- createBrowserRouter,
- createRoutesFromElements,
- Route,
+ createBrowserRouter,
+ createRoutesFromElements,
+ Route,
} from "react-router-dom";
import { Layout } from "./pages/Layout";
import { Home } from "./pages/Home";
import { Single } from "./pages/Single";
import { Demo } from "./pages/Demo";
+import Register from "./components/Register";
+import RegisterPage from "./pages/RegisterPage";
+import Login from "./components/Login";
+import LoginPage from "./pages/LoginPage";
+import Dashboard from "./pages/Dashboard";
+import Panel from "./components/Panel";
+import ViewSessions from "./components/ViewSessions";
+import Messages from "./components/Messages";
+import Reviews from "./components/Reviews";
+import ConfigurationMentor from "./components/ConfigurationMentor";
+import Services from "./components/Services";
+import ManageSessions from "./components/ManageSessions";
+import Finance from "./components/Finance";
+import ConfigurationStudent from "./components/ConfigurationStudent";
+import SearchMentor from "./pages/SearchMentor";
+import RequestPasswordReset from "./components/RequestPasswordReset";
+import ResetPassword from "./components/ResetPassword";
+
+
+import ViewProfile from "./pages/ViewProfile";
export const router = createBrowserRouter(
- createRoutesFromElements(
+ createRoutesFromElements(
// CreateRoutesFromElements function allows you to build route elements declaratively.
// Create your routes here, if you want to keep the Navbar and Footer in all views, add your new routes inside the containing Route.
// Root, on the contrary, create a sister Route, if you have doubts, try it!
// Note: keep in mind that errorElement will be the default page when you don't get a route, customize that page to make your project more attractive.
// Note: The child paths of the Layout element replace the Outlet component with the elements contained in the "element" attribute of these child paths.
- // Root Route: All navigation will start from here.
-
} errorElement={
Not found!
} >
+ // Root Route: All navigation will start from here.
+
} errorElement={
Not found!
} >
+
+ {/* Nested Routes: Defines sub-routes within the BaseHome component. */}
+
} />
+
} /> {/* Dynamic route for single items */}
+
} />
+
} />
+
} />
+
} />
+ {/*reset email*/}
+
} />
+
} />
- {/* Nested Routes: Defines sub-routes within the BaseHome component. */}
-
} />
-
} /> {/* Dynamic route for single items */}
-
} />
+
} />
+
+
}>
+
} />
+
} />
+
} />
+
} />
+
} />
+
} />
+
} />
+
} />
+
} />
- )
-);
\ No newline at end of file
+
+
+ )
+);
diff --git a/src/front/services/userServices.jsx b/src/front/services/userServices.jsx
new file mode 100644
index 0000000000..288ff266c0
--- /dev/null
+++ b/src/front/services/userServices.jsx
@@ -0,0 +1,508 @@
+const userServices = {}
+const url = import.meta.env.VITE_BACKEND_URL
+
+userServices.register = async (formData) => {
+ try {
+ const resp = await fetch(url + '/api/register', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ if (!resp.ok) throw new Error('error al registrar usuario')
+ const data = await resp.json()
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+}
+
+
+userServices.login = async (formData) => {
+ try {
+ const resp = await fetch(url + '/api/login', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ const data = await resp.json()
+ if (!resp.ok) return data
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+}
+
+userServices.dashboard = async (token) => {
+ try {
+ const resp = await fetch(url + `api/dashboard`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': 'Bearer ' + token
+ }
+
+ })
+ if (!resp.ok) throw new Error('error private')
+ const data = await resp.json()
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+}
+
+
+userServices.uploadAvatar = async (formData) => {
+ try {
+ const resp = await fetch(url + `api/upload-avatar`, {
+ method: "POST",
+ body: formData
+ })
+ if (!resp.ok) throw new Error('error upload avatar')
+ const data = await resp.json()
+ console.log("Avatar subido---->>", data.url)
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+}
+
+
+userServices.mentorprofile = async (formData) => {
+ try {
+ const resp = await fetch(url + '/api/mentor-profiles', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ if (!resp.ok) throw new Error('error al registrar perfil del mentor')
+ const data = await resp.json()
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error al creal el perfil" }
+ }
+
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+}
+
+
+userServices.searchMentorProfile = async (filter) => {
+ try {
+ const resp = await fetch(url + `api/mentor-profiles/filter?skills=${filter}`)
+ if (!resp.ok) throw new Error('error fetching filters')
+ const data = await resp.json()
+ // console.log('Perfil del mentor', data)
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+
+}
+
+
+
+userServices.getMentorProfile = async (userId) => {
+ try {
+ const resp = await fetch(url + `api/mentor-profiles/${userId}`)
+ if (!resp.ok) throw new Error('error fetching image item')
+ const data = await resp.json()
+ // console.log('Perfil del mentor', data)
+ return data
+ } catch (error) {
+ console.log(error)
+ }
+}
+
+
+
+userServices.putMentorProfile = async (formData, userId) => {
+ try {
+ const resp = await fetch(url + `api/mentor-profiles/${userId}`, {
+ method: 'PUT',
+ headers: {
+ 'Content-type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ if (!resp.ok) throw new Error('error creating user')
+ const data = await resp.json();
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error al actualizar el perfil" }
+ }
+
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+}
+
+userServices.createTypeMentoring = async (formData) => {
+ try {
+ const resp = await fetch(url + '/api/type-mentoring', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ if (!resp.ok) throw new Error('error al registrar tipo de mentoria')
+ const data = await resp.json()
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error al crear tipo de mentoria" }
+ }
+
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+}
+
+//Se obtiene todas los tipos de mentorias que registre el mentor
+
+userServices.allTypesMentoring = async (userId) => {
+ try {
+ const resp = await fetch(url + `api/types-mentoring/${userId}`)
+ if (!resp.ok) throw new Error('error fetching types mentoring')
+ const data = await resp.json()
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error obtener tipos de mentorias" }
+ }
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+}
+
+
+userServices.oneTypeMentoring = async (id) => {
+ try {
+ const resp = await fetch(url + `api/type-mentoring/${id}`)
+ if (!resp.ok) throw new Error('error fetching type mentoring')
+ const data = await resp.json()
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error obtener tipos de mentorias" }
+ }
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+
+}
+
+userServices.putTypeMentoring = async (formData, id) => {
+ try {
+ const resp = await fetch(url + `api/type-mentoring/${id}`, {
+ method: 'PUT',
+ headers: {
+ 'Content-type': 'application/json'
+ },
+ body: JSON.stringify(formData)
+ })
+ if (!resp.ok) throw new Error('error update type mentoring')
+ const data = await resp.json();
+
+ if (!resp.ok || data.error) {
+ return { success: false, error: data.message || "Error al actualizar tipo de mentoria" }
+ }
+
+
+ return { success: true, data }
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+}
+
+
+userServices.deleteTypeMentoring = async (id) => {
+ try {
+ const resp = await fetch(url + `api/type-mentoring/${id}`, {
+ method: 'DELETE'
+
+ })
+ if (!resp.ok) throw new Error('error delete type mentoring')
+ const data = await resp.json();
+ return { success: true, data }
+
+ } catch (error) {
+ console.log(error)
+ return error
+ };
+}
+
+userServices.createStudentProfile = async (formData) => {
+
+ try {
+ const resp = await fetch(url + "/api/student-profiles", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify(formData),
+ });
+ if (!resp.ok) throw new Error("Error al registrar perfil del estudiante");
+ const data = await resp.json();
+ return { success: true, data };
+ } catch (error) {
+ console.log(error);
+ return { success: false, error: "Error de conexión con el servidor" };
+ }
+};
+
+
+userServices.getStudentProfile = async (userId) => {
+ try {
+ const resp = await fetch(url + `/api/student-profiles/user/${userId}`);
+ if (!resp.ok) throw new Error("Error fetching perfil del estudiante");
+ const data = await resp.json();
+ return data;
+ } catch (error) {
+ console.log(error);
+ return null;
+ }
+};
+
+userServices.resetPassword = async (token, password) => {
+ try {
+ const resp = await fetch(url + `/api/reset-password/${token}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ password })
+ });
+ const data = await resp.json();
+ return data;
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error de conexion con el servidor" }
+ }
+};
+
+userServices.verifyResetToken = async (token) => {
+ try {
+ const resp = await fetch(url + `/api/verify-reset-token/${token}`, {
+ method: 'GET'
+ });
+ const data = await resp.json();
+ return data;
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Token inválido o expirado" }
+ }
+};
+
+
+userServices.updateStudentProfile = async (formData, userId) => {
+
+ try {
+ const resp = await fetch(url + `/api/student-profiles/user/${userId}`, {
+ method: "PUT",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify(formData),
+ });
+ if (!resp.ok) throw new Error("Error al actualizar perfil del estudiante");
+ const data = await resp.json();
+ return { success: true, data };
+ } catch (error) {
+ console.log(error);
+ return { success: false, error: "Error de conexión con el servidor" };
+ }
+};
+
+/*==============================================*/
+/* Desencadena el flujo de conexion con calendly*/
+/*==============================================*/
+userServices.connectCalendly = async (mentorId) => {
+ try {
+ const resp = await fetch(url + `/api/mentor/${mentorId}/authorize_calendly`, {
+ method: "POST"
+ })
+ const data = await resp.json()
+
+ if (resp.ok && data.auth_url) {
+ window.location.href = data.auth_url
+ console.log(data)
+ } else {
+ console.error("Error retrieving Calendly URL:", data)
+ }
+ } catch (error) {
+ console.error("Error connectCalendly: ", error)
+ }
+
+}
+
+/*==========================================*/
+/* Verifica estatus de conexion con calendly*/
+/*==========================================*/
+
+
+userServices.getCalendlyStatus = async (mentorId) => {
+ try {
+ const resp = await fetch(url + `/api/mentor/${mentorId}/calendly_status`, {
+ method: 'GET'
+ });
+ const data = await resp.json();
+ return data;
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error al verificar status" }
+ }
+}
+
+
+/*Obteniendo las mentorias segun el id del mentor */
+userServices.getMentorings = async (mentorId) =>{
+ try {
+ const resp = await fetch(url + `/api/sessions/${mentorId}`, {
+ method: 'GET'
+ });
+ const data = await resp.json();
+ return data;
+ } catch (error) {
+ console.log(error)
+ return { success: false, error: "Error al verificar status" }
+ }
+}
+
+
+
+
+
+
+// ============================================================================
+// MÉTODOS PARA RECUPERACIÓN DE CONTRASEÑA
+// ============================================================================
+
+/**
+ * Solicita un enlace de restablecimiento de contraseña
+ * Con este método se envía un email al usuario con un token único para restablecer su contraseña
+ */
+userServices.requestPasswordReset = async (email) => {
+ try {
+ const resp = await fetch(url + '/api/request-password-reset', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ email })
+ });
+ const data = await resp.json();
+
+ // Verifica si la respuesta del servidor fue exitosa
+ if (!resp.ok || data.error) {
+ return {
+ success: false,
+ message: data.message || "Error al solicitar restablecimiento de contraseña"
+ };
+ }
+
+ // Retorna éxito con el mensaje del servidor
+ return {
+ success: true,
+ message: data.message || "Se ha enviado un enlace a tu email"
+ };
+ } catch (error) {
+ console.log(error);
+ return {
+ success: false,
+ message: "Error de conexión con el servidor"
+ };
+ }
+};
+
+/**
+ * Verifica si un token de restablecimiento es válido
+ * Se ejecuta al cargar el componente ResetPassword para validar el enlace
+ */
+userServices.verifyResetToken = async (token) => {
+ try {
+ const resp = await fetch(url + `/api/verify-reset-token/${token}`, {
+ method: 'GET'
+ });
+ const data = await resp.json();
+
+ // Valida si el token es correcto y no ha expirado
+ if (!resp.ok || data.error) {
+ return {
+ success: false,
+ message: data.message || "Token inválido o expirado"
+ };
+ }
+
+ // Token válido
+ return {
+ success: true,
+ message: data.message || "Token válido"
+ };
+ } catch (error) {
+ console.log(error);
+ return {
+ success: false,
+ message: "Token inválido o expirado"
+ };
+ }
+};
+
+/**
+ * Restablece la contraseña del usuario
+ * Actualiza la contraseña en la base de datos usando el token validado
+ */
+userServices.resetPassword = async (token, password) => {
+ try {
+ const resp = await fetch(url + `/api/reset-password/${token}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ password })
+ });
+ const data = await resp.json();
+
+ // Verifica si la contraseña se actualizó correctamente
+ if (!resp.ok || data.error) {
+ return {
+ success: false,
+ message: data.message || "Error al restablecer la contraseña"
+ };
+ }
+
+ // Contraseña actualizada exitosamente
+ return {
+ success: true,
+ message: data.message || "Contraseña actualizada correctamente"
+ };
+ } catch (error) {
+ console.log(error);
+ return {
+ success: false,
+ message: "Error de conexión con el servidor"
+ };
+ }
+};
+
+// ============================================================================
+// FIN DE MÉTODOS PARA RECUPERACIÓN DE CONTRASEÑA
+// ============================================================================
+
+export default userServices;
\ No newline at end of file
diff --git a/src/front/store.js b/src/front/store.js
index 3062cd222d..0b2a353d79 100644
--- a/src/front/store.js
+++ b/src/front/store.js
@@ -1,5 +1,10 @@
-export const initialStore=()=>{
- return{
+export const initialStore = () => {
+ return {
+ user: JSON.parse(localStorage.getItem("user")),
+ userRole: localStorage.getItem("userRole"),
+ auth: localStorage.getItem("user") ? true : false,
+ icon: "/src/front/assets/img/MM-1.png",
+ nameApp: "MentorMatch",
message: null,
todos: [
{
@@ -11,28 +16,53 @@ export const initialStore=()=>{
id: 2,
title: "Do my homework",
background: null,
- }
- ]
- }
-}
+ },
+ ],
+ };
+};
export default function storeReducer(store, action = {}) {
- switch(action.type){
- case 'set_hello':
+ switch (action.type) {
+ case "add_avatar":
+ const updatedUser = { ...store.user, avatarUrl: action.payload };
+ return {
+ ...store,
+ user: updatedUser,
+ };
+ case "save_user":
+ return {
+ ...store,
+ user: action.payload,
+ auth: true,
+ };
+ case "logged_out":
+ localStorage.removeItem("user");
+ return {
+ ...store,
+ auth: false,
+ user: null,
+ };
+ case "logged_in":
return {
...store,
- message: action.payload
+ auth: true,
+ };
+ case "set_hello":
+ return {
+ ...store,
+ message: action.payload,
};
-
- case 'add_task':
- const { id, color } = action.payload
+ case "add_task":
+ const { id, color } = action.payload;
return {
...store,
- todos: store.todos.map((todo) => (todo.id === id ? { ...todo, background: color } : todo))
+ todos: store.todos.map((todo) =>
+ todo.id === id ? { ...todo, background: color } : todo
+ ),
};
default:
- throw Error('Unknown action.');
- }
+ throw Error("Unknown action.");
+ }
}
diff --git a/src/seeder.py b/src/seeder.py
new file mode 100644
index 0000000000..60bbbe2a3b
--- /dev/null
+++ b/src/seeder.py
@@ -0,0 +1,131 @@
+from api.models import db, User, MentorProfile, StudentProfile, MentorTopic, Mentoring, Review, Comments, ExperienceLevelEnum, StatusEnum, PaymentStatusEnum, DifficultyLevelEnum, LanguageEnum
+from datetime import datetime
+from app import app
+from werkzeug.security import generate_password_hash
+
+
+def seed_db():
+ db.drop_all()
+ db.create_all()
+
+ # Crear usuarios (3 mentores, 5 estudiantes)
+ mentors = []
+ students = []
+ for i in range(1, 4):
+ user = User(email=f"mentor{i}@example.com", # mentor1 .. mentor3
+ password=generate_password_hash('user123'), role=True)
+ db.session.add(user)
+ db.session.flush()
+ mentors.append(user)
+ for i in range(1, 6):
+ user = User(email=f"student{i}@example.com", # student1 .. student5
+ password=generate_password_hash('user123'), role=False)
+ db.session.add(user)
+ db.session.flush()
+ students.append(user)
+ db.session.commit()
+
+ # Crear perfiles de mentor
+ mentor_profiles = []
+ for i, mentor in enumerate(mentors, start=1):
+ profile = MentorProfile(
+ username=f"mentor{i}",
+ name=f"Mentor {i}",
+ avatar=f"https://example.com/avatar{i}.png",
+ user_id=mentor.id,
+ hourly_rate=40.0 + i * 10,
+ years_experience=3 + i,
+ bio=f"Mentor experto en área {i}.",
+ availability="Lunes a viernes",
+ linkedin_url=f"https://linkedin.com/in/mentor{i}",
+ website=f"https://mentor{i}.com",
+ skills="Python, Flask, SQL",
+ interests="Educación, Tecnología",
+ language=LanguageEnum.SPANISH if i % 2 == 1 else LanguageEnum.ENGLISH,
+ location="Madrid" if i == 1 else "Barcelona"
+ )
+ db.session.add(profile)
+ db.session.flush()
+ mentor_profiles.append(profile)
+ db.session.commit()
+
+ # Crear perfiles de estudiante
+ student_profiles = []
+ for i, student in enumerate(students, start=1):
+ profile = StudentProfile(
+ user_id=student.id,
+ interests="Programación, IA",
+ goals=f"Meta estudiante {i}",
+ experience_level=ExperienceLevelEnum.BEGINNER if i < 3 else ExperienceLevelEnum.INTERMEDIATE,
+ skills="HTML, CSS",
+ language=LanguageEnum.SPANISH if i % 2 == 1 else LanguageEnum.ENGLISH,
+ location="Valencia" if i == 1 else "Sevilla"
+ )
+ db.session.add(profile)
+ db.session.flush()
+ student_profiles.append(profile)
+ db.session.commit()
+
+ # Crear temas de mentoría
+ topics = []
+ for i, mentor_profile in enumerate(mentor_profiles, start=1):
+ topic = MentorTopic(
+ mentor_profile_id=mentor_profile.id,
+ title=f"Tema {i}",
+ description=f"Descripción del tema {i}",
+ difficulty_level=DifficultyLevelEnum.BEGINNER if i == 1 else DifficultyLevelEnum.INTERMEDIATE,
+ price=25.0 + i * 5,
+ duration=30.0 + i * 2
+ )
+ db.session.add(topic)
+ db.session.flush()
+ topics.append(topic)
+ db.session.commit()
+
+ # Crear mentorías, reviews y comentarios
+ for i, student_profile in enumerate(student_profiles, start=1):
+ mentor_profile = mentor_profiles[i % 3]
+ topic = topics[i % 3]
+ mentoring = Mentoring(
+ topic_id=topic.id,
+ mentor_profile_id=mentor_profile.id,
+ student_id=student_profile.id,
+ scheduled_at=datetime.utcnow(),
+ duration_minutes=60 + i * 10,
+ status=StatusEnum.CONFIRMED,
+ pricing_topic=topic.price,
+ notes=f"Sesión {i}",
+ payment_status=PaymentStatusEnum.PAID
+ )
+ db.session.add(mentoring)
+ db.session.flush()
+
+ review = Review(
+ mentoring_id=mentoring.id,
+ reviewer_id=student_profile.user_id,
+ reviewed_id=mentor_profile.user_id,
+ role=False,
+ ranking=4.0 + (i % 2),
+ title=f"Review {i}",
+ comment=f"Comentario de la sesión {i}.",
+ created_at=datetime.utcnow(),
+ updated_at=datetime.utcnow()
+ )
+ db.session.add(review)
+
+ comment = Comments(
+ user_id=student_profile.user_id,
+ message=f"Comentario del estudiante {i} para mentor {mentor_profile.id}",
+ id_mentor=mentor_profile.id,
+ id_student=student_profile.id,
+ created_at=datetime.utcnow()
+ )
+ db.session.add(comment)
+ db.session.commit()
+
+ print("seeder ejecutado correctamente")
+
+
+if __name__ == "__main__":
+ with app.app_context():
+ seed_db()
+ 
}
+