+
+
+ )
+}
\ No newline at end of file
diff --git a/src/front/components/Navbar.jsx b/src/front/components/Navbar.jsx
index 30d43a2636..11ccbfe452 100644
--- a/src/front/components/Navbar.jsx
+++ b/src/front/components/Navbar.jsx
@@ -1,19 +1,18 @@
-import { Link } from "react-router-dom";
+import logo from "../assets/img/logomin.png";
+import "../../css/Navbar.css";
export const Navbar = () => {
+ return (
+
+ );
};
\ No newline at end of file
diff --git a/src/front/components/Post/Createpost.jsx b/src/front/components/Post/Createpost.jsx
new file mode 100644
index 0000000000..647f0d8514
--- /dev/null
+++ b/src/front/components/Post/Createpost.jsx
@@ -0,0 +1,135 @@
+import { useCreatePost } from "../../hooks/Hooks_post/useCreatePost";
+import "../../../css/Post.css";
+
+export const CreatePost = ({ forumId }) => {
+
+ const {
+ title,
+ setTitle,
+ content,
+ setContent,
+ setImg,
+ preview,
+ setPreview,
+ success,
+ handleSubmit
+ } = useCreatePost(forumId);
+
+ return (
+ {tag.title}
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/DataProfile.jsx b/src/front/pages/DataProfile.jsx
new file mode 100644
index 0000000000..5e998f5d40
--- /dev/null
+++ b/src/front/pages/DataProfile.jsx
@@ -0,0 +1,159 @@
+import React from "react";
+import { useEffect } from "react";
+import { useProfile } from "../hooks/useProfile";
+import { useTag } from "../hooks/useTag";
+import { BodyTag } from "../components/BodyTag.jsx";
+import useGlobalReducer from "../hooks/useGlobalReducer.jsx";
+
+
+export const DataProfile = () => {
+
+ const { store, dispatch } = useGlobalReducer()
+
+ const { getDataTag, onSelectedTag, handleSave, selectedTag } = useTag();
+
+ useEffect(() => {
+ getDataTag();
+ }, []);
+
+ const {
+ firstName, setFirstName,
+ lastName, setLastName,
+ birthDate, setBirthDate,
+ profileImg, setProfileImg,
+ description, setDescription,
+ error,
+ loading,
+ success,
+ handleUpdateProfile
+ } = useProfile();
+
+ const saveProfile = async (e) => {
+ e.preventDefault()
+ try {
+ const res = await handleUpdateProfile();
+ const resTag = await handleSave();
+ } catch (err) {
+ console.error("Error to save profile", err);
+ }
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ + CREACIÓN POST +
+ + {success && ( // ← nuevo +
+ ✅ ¡Post creado exitosamente!
+
+ )}
+
+
+
+ setTitle(e.target.value)
+ }
+ />
+
+ {
+
+ const file =
+ e.target.files[0];
+
+ setImg(file);
+
+ if (file) {
+ setPreview(
+ URL.createObjectURL(file)
+ );
+ }
+ }}
+ />
+
+ {
+ preview && (
+
+
+ 
+
+
+ )
+ }
+
+
+
+
+
+
+
+ {store.tags && store.tags.map((tag) =>
+
+
+
+
+
+
+
+
+ Back Home
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/pages/Home.jsx b/src/front/pages/Home.jsx
deleted file mode 100644
index 341ed21768..0000000000
--- a/src/front/pages/Home.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React, { useEffect } from "react"
-import rigoImageUrl from "../assets/img/rigo-baby.jpg";
-import useGlobalReducer from "../hooks/useGlobalReducer.jsx";
-
-export const Home = () => {
-
- const { store, dispatch } = useGlobalReducer()
-
- const loadMessage = async () => {
- try {
- const backendUrl = import.meta.env.VITE_BACKEND_URL
-
- if (!backendUrl) throw new Error("VITE_BACKEND_URL is not defined in .env file")
-
- const response = await fetch(backendUrl + "/api/hello")
- const data = await response.json()
-
- if (response.ok) dispatch({ type: "set_hello", payload: data.message })
-
- return data
-
- } catch (error) {
- if (error.message) throw new Error(
- `Could not fetch the message from the backend.
- Please check if the backend is running and the backend port is public.`
- );
- }
-
- }
-
- useEffect(() => {
- loadMessage()
- }, [])
-
- return (
-
+
+
+
+
+
+ Completa tu Perfil
+ + {error &&{error}
}
+ {success && ¡Perfil actualizado con éxito!
}
+
+
+
-
- );
-};
\ No newline at end of file
diff --git a/src/front/pages/Landing.jsx b/src/front/pages/Landing.jsx
new file mode 100644
index 0000000000..ae75d0f154
--- /dev/null
+++ b/src/front/pages/Landing.jsx
@@ -0,0 +1,126 @@
+import { Link } from "react-router-dom";
+import { useLogin } from "../hooks/useLogin";
+import {
+ FaUsers,
+ FaComments,
+ FaGlobe,
+ FaLightbulb
+} from "react-icons/fa";
+
+import "../../css/Landing.css"
+
+export const Landing = () => {
+
+ const {
+ email,
+ setEmail,
+ password,
+ setPassword,
+ error,
+ handleLogin
+ } = useLogin();
+
+ 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/RegisterForm.jsx b/src/front/pages/RegisterForm.jsx
new file mode 100644
index 0000000000..6c86859ef7
--- /dev/null
+++ b/src/front/pages/RegisterForm.jsx
@@ -0,0 +1,100 @@
+import React, { useState } from "react";
+import { useRegister } from "../hooks/useRegister";
+import { Link } from "react-router-dom";
+
+export const RegisterForm = () => {
+ const {
+ username,
+ setUsername,
+ email,
+ setEmail,
+ password,
+ setPassword,
+ error,
+ handleRegister
+ } = useRegister();
+
+ const handleSubmit = (event) => {
+ event.preventDefault();
+ handleRegister();
+ };
+
+ return (
+
+
+
+
+
+ {/* Parte Izquierda */}
+
+
+
+
+
+
+
+ {/* Parte Derecha */}
+
+ + Bienvenido a MindFed +
+ ++ La comunidad donde puedes compartir ideas, + debatir y conectar con personas que comparten + tus mismos intereses. +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Iniciar Sesión +
+ + setEmail(e.target.value)} + /> + + setPassword(e.target.value)} + /> + + { + error && ( +
+ {error}
+
+ )
+ }
+
+
+
+
+ Registrarse
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/front/routes.jsx b/src/front/routes.jsx
index 0557df6141..9338c372da 100644
--- a/src/front/routes.jsx
+++ b/src/front/routes.jsx
@@ -6,9 +6,14 @@ import {
Route,
} from "react-router-dom";
import { Layout } from "./pages/Layout";
-import { Home } from "./pages/Home";
+import { Landing } from "./pages/Landing";
+import { CreacionPost } from "./pages/CreacionPost";
import { Single } from "./pages/Single";
import { Demo } from "./pages/Demo";
+import { RegisterForm } from "./pages/RegisterForm"
+import { DataProfile } from "./pages/DataProfile"
+import { CreateForo } from "./pages/CreateForo";
+
export const router = createBrowserRouter(
createRoutesFromElements(
@@ -19,12 +24,16 @@ export const router = createBrowserRouter(
// 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.
+ <>
+
+
+
+
+
+ 👤
+ Create Account
+
+ {error && (
+
+
+
+ {error}
+
+ )}
+
+
+
+
+ + Already have an account? Log In +
+