Proyecto: Crea una red social parte 2

También se puede optar por utilizar el método` find()`, es mucho más sencillo...

Hola, a continuación comparto mi solución, aplique algunos conceptos "nuevos" como lo son la destructuración de objetos y arrays para tener un mejor control de cada iteración en el for loop y al final un short circuiting, espero sea de ayuda y cualquier inquietud estaré atento a resolverla. 

a mi me quedo asi, ya lo hice tipo web, muy basica pero funciona `class User {    constructor (name, password) {        this.name = name;        this.password = password;    }}` `class timeLine extends User {    constructor (name, textArea) {        super(name);        this.textArea = textArea        }}` `function login () {    const username = usernameInput.value;    const password = passwordInput.value;    for (let i = 0; i < users.length; i++) {        if (users[i].name === username && users[i].password === password) {            sessionStorage.setItem("username", username)            window.location.replace("welcome.html");            return;        }        else if (users[i].name !== username || users[i.password !== password]) {            const wrongUserPass = document.createElement("div");            wrongUserPass.textContent = "Wrong Username or Password";            form.appendChild(wrongUserPass);        }    }}` `function signin () {    const username = newUsername.value;    const password = newPassword.value;    const repassword = newRePassword.value;    const error = document.createElement("div");` `    for (let i = 0; i < users.length; i++) {                if (users[i].name === username) {            error.textContent = "Choose another user name";            siginForm.appendChild(error);            break;        } else if (password !== repassword ) {            error.textContent = "Password has to match";            siginForm.appendChild(error);            break;           } else {            const newUser = new User(username, password);            users.push(newUser);            newUsername.value = "";            newPassword.value = "";            newRePassword.value = "";            error.textContent = "User created, go to log in";            siginForm.appendChild(error)            break;        }    }    console.log(users)}` `function postTweet () {   const tweetText = tweet.value;   const newTweet = new timeLine(helloUser, tweetText);   userTimeLine.push(newTweet);   tweet.value = ""   renderTweets()    console.log(userTimeLine)}` `function renderTweets () {    tweetsContainer.innerHTML = "";    for (i = 0; i < userTimeLine.length; i++) {        const newTweetContainer = document.createElement("div");        const tweetAuthor = document.createElement("h4");        const tweetContent = document.createElement("p");            tweetAuthor.textContent = userTimeLine[i].name        newTweetContainer.appendChild(tweetAuthor);            tweetContent.textContent = userTimeLine[i].textArea        newTweetContainer.appendChild(tweetContent);        tweetsContainer.appendChild(newTweetContainer);            }}` `const form = document.querySelector("form");const usernameInput = document.querySelector("#username");const passwordInput = document.querySelector("#password");const loginButton = document.querySelector(".login-button");` `const siginForm = document.querySelector(".sigin-form");const newUsername = document.querySelector("#new-username");const newPassword = document.querySelector("#new-password");const newRePassword = document.querySelector("#new-repassword");const signinButton = document.querySelector(".signin-button");` `let users = [];let userTimeLine = [{name: "Antonio", textArea: "Como"}];` `users.push(new User("juan", "hola"));` `if (loginButton) {    loginButton.addEventListener("click", (event) => {        event.preventDefault();        login(username, password);    });}` `if (signinButton) {    signinButton.addEventListener("click", (event) => {        event.preventDefault();        signin();    });` `}` `` const helloUser = sessionStorage.getItem("username");const welcomeTitleContainer = document.querySelector(".welcome-content");welcomeTitle = document.createElement("h1");welcomeTitleContainer.appendChild(welcomeTitle)welcomeTitle.textContent = `Welcome back! ${helloUser}` `` `const tweet = document.querySelector("#tweet");const postTweetButton = document.querySelector(".post-tweet")const tweetsContainer = document.querySelector(".tweets-container");` `renderTweets()` `if (postTweetButton) {    postTweetButton.addEventListener("click", (event) => {        event.preventDefault();        postTweet();    });` `}` y acá los HTML 1. `<html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Social media</title>    <script src="./index.js" defer></script></head><body>    <form action="">        <label for="username">Username</label>        <input type="text" id="username" name="username">        <label for="password">Password</label>        <input type="password" id="password" name="password">        <button type="button" class="login-button">Login</button>        <button>Sigin</button>    </form></body></html>` 2. `<html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="./index.js" defer></script></head><body>            </body></html>` 3. `<html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="./index.js" defer></script></head><body>    <form action="" class="sigin-form">    <label for="username">Username</label>    <input type="text" id="new-username" name="new-username">    <label for="password">Password</label>    <input type="password" id="new-password" name="new-password">    <label for="re-password">Re-Password</label>    <input type="password" id="new-repassword" name="new-repassword">    <button type="button" class="signin-button">Signin</button></form></body></html>`

Este proyecto me gusto mucho. Juntar el html, el css y el javascript. Fue muy bueno y retante.


Esta es mi solución con find() 

No se que se pretende con este ejercicio? Resuélvalo como pueda, resuélvalo con lo visto en clase o quiébrese el coco. No me parece que sea un ejercicio para fundamentos de JS.

Hola! Les comparto mi solución al reto. 

Aqui mi solucion utilize el doom para que sea mas dinamico en la web: html: ```html <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; } </style>

Social Media Project

<h5 id="username">username: @</h6> <fieldset> <legend>Timeline:</legend>

</fieldset> <script src="project-social-media.js"></script> ```js: ```js const usernameField = document.getElementById('username'), timelineField = document.getElementById('timeline'); // DB const userDatabase = [ { username: "tolvards", password: "password" }, { username: "freddier", password: "password"}, { username: "kyb3rcipher", password: "password" } ]; const usersTimeline = [ { username: "tolvards", timeline: "Linux" }, { username: "freddier", timeline: "Platzi" }, { username: "kyb3rcipher", timeline: "STAR" } ]; // Input credentials const username = prompt("Username:"); const password = prompt("Password:"); // Find user in db const user = userDatabase.findIndex(user => username === user.username && password === user.password); // Return -1 if is not found if (user !== -1) { alert("Logged!"); // Add username text in page usernameField.innerText += username; for (timeline of usersTimeline) { if (timeline.username === username) { // Add user timeline in page timelineField.innerText = timeline.timeline; } } } else { alert("Incorrect credentials."); } ```Use el method find() visto en classes anteriores pero si quisieramos usar un **for** podriamos hacerlo con: ```js for (let user of userDatabase) { if (username === user.username && password === user.password) { alert("Logged!"); // Add username text in page usernameField.innerText += username; for (timeline of usersTimeline) { if (timeline.username === username) { // Add user timeline in page timelineField.innerText = timeline.timeline; break; // Exit of loop when user timeline is found. } } break; } } ```

con esto ya tengo unas base solo queda las practicas

const username = prompt("Cuál es tu usuario? "); const password = prompt("Cuál es tu contraseña? "); function timeline () { console.log(usersTimeline) } function validacion (user, pass) { for (i = 0; i < usersDatabase.length; i++) { if (user === usersDatabase\[i].username && pass === usersDatabase\[i].password) { return true } } return false } validacion(username, password) function validacionFinal () { if (validacion(username, password)) { console.log("Bienvenido") timeline() } else { console.log("Usuario o contraseña inválidos") } } validacionFinal ()

```js / mi solución (debes usar html) const usersDatabase = [ { username: "andres", password: "123", }, { username: "caro", password: "456", }, { username: "mariana", password: "789", }, ]; const usersTimeline = [ { username: "Estefany", timeline: "Me encata Javascript!", }, { username: "Oscar", timeline: "Bebeloper es lo mejor!", }, { username: "Mariana", timeline: "A mi me gusta más el café que el té", }, { username: "Andres", timeline: "Yo hoy no quiero trabajar", }, ]; const usuario = document.getElementById('usuario') const contraseña = document.getElementById('contraseña') const boton = document.getElementById('boton') const respuesta = document.getElementById('respuesta') boton.addEventListener('click', usuarioExiste) function usuarioExiste() { const usuarioIngresado = usuario.value const contraseñaIngresada = contraseña.value const comprobaciondeusuario = usersDatabase.find(usuario => usuario.username === usuarioIngresado && usuario.password === contraseñaIngresada) if (comprobaciondeusuario) { const comprobaciondemensaje = usersTimeline.find(usuario => usuario.username.toLowerCase() === comprobaciondeusuario.username.toLowerCase()) if (comprobaciondemensaje) { respuesta.innerHTML = comprobaciondemensaje.timeline } else { respuesta.innerHTML = 'no hay mensajes publicados' } } else { respuesta.innerHTML = ' usuario y/o contraseña incorreta' } } ```/ mi solución (debes usar html)

// Programa implementación const username = prompt("Ingrese su usuario"); const password = prompt("Ingrese su contraseña"); function usuarioExistente(username, password) { for (let i = 0; i < usersDatabase.length; i++) { console.log(`Comparando ${usersDatabase\[i].username} con ${username} y ${usersDatabase\[i].password} con ${password}`); if ( usersDatabase\[i].username === username && usersDatabase\[i].password === password ) { return true; } } return false; } usuarioExistente(username, password); function signIn(username, password) { if (usuarioExistente(username, password)) { alert(`Bienvenido ${username}!`); console.log(usersTimeline); } else { alert("Usuario o contraseña incorrectos"); } } signIn(username, password);

Hola, aquí la forma en la que yo lo hice: ```js class User { constructor(username, password) { this.username = username.toLowerCase(); this.password = password; } validatePassword(password){ return this.password === password; } } class Timeline{ constructor(username, timeline) { this.username = username; this.timeline = timeline; } } const usersDatabase = [ new User('andres', '123'), new User('caro', '456'), new User('mariana', '789') ]; const usersTimeline = [ new Timeline('Estefany', 'Me encanta Javascript!'), new Timeline('Oscar', 'Bebeloper es lo mejor!'), new Timeline('Mariana', 'A mi me gusta más el café que el té'), new Timeline('Andres', 'Yo hoy no quiero trabajar'), ]; function init() { let userName = prompt('Ingresa un usuario'); let password = prompt('Ingresa una contraseña'); let userFound = usersDatabase.find(u => u.username === userName.toLowerCase()); if(userFound) { let hasAccess = userFound.validatePassword(password); if(hasAccess) { let userTimeline = usersTimeline.filter(t => t.username.toLowerCase() === userFound.username); userTimeline.forEach(element => { console.log(element); }); } else { alert('Contraseña incorrecta'); } } else { alert('Usuario inexistente'); } } ```class User {    constructor(*username*, *password*)    {        this.username = *username*.toLowerCase();        this.password = *password*;    }     validatePassword(*password*){        return this.password === *password*;    }} class Timeline{    constructor(*username*, *timeline*)    {        this.username = *username*;        this.timeline = *timeline*;    }} const usersDatabase = \[    new User('andres', '123'),    new User('caro', '456'),    new User('mariana', '789')]; const usersTimeline = \[    new Timeline('Estefany', 'Me encanta Javascript!'),    new Timeline('Oscar', 'Bebeloper es lo mejor!'),    new Timeline('Mariana', 'A mi me gusta más el café que el té'),    new Timeline('Andres', 'Yo hoy no quiero trabajar'),]; function init(){    let userName = prompt('Ingresa un usuario');    let password = prompt('Ingresa una contraseña');     let userFound = usersDatabase.find(*u* => *u*.username === userName.toLowerCase());    if(userFound)    {        let hasAccess = userFound.validatePassword(password);        if(hasAccess)        {            let userTimeline = usersTimeline.filter(*t* => *t*.username.toLowerCase() === userFound.username);            userTimeline.forEach(*element* => {                console.log(*element*);            });        }        else        {            alert('Contraseña incorrecta');        }    }    else    {        alert('Usuario inexistente');    }}

Hola, dejaré por aquí mi código sin los arreglos que nos dieron como "Bases de datos" Recibo cualquier apreciación que vean necesaria... ```js const username = prompt("Ingresa tu Usuario:"); const password = prompt("Ingresa tu Contraseña:"); function userExist() { for (let i = 0; i < usersDatabase.length; i++) { let user = usersDatabase[i]; if (user.username === username && user.password === password) { return showMessage(user.username); } } console.log(user.username); alert("No eres usuario"); } function showMessage(user) { const userCapitalized = user.charAt(0).toUpperCase() + user.slice(1); const indexUser = usersTimeline.findIndex( (user) => user.username === userCapitalized ); if (indexUser >= 0 && indexUser <= usersTimeline.length) { const thisUser = usersTimeline[indexUser]; alert( `Bienvenido ${thisUser.username}, tu timeline es "${thisUser.timeline}"` ); } else { alert(`Hola ${userCapitalized}, aún no has agregado tu timeline`); } } userExist(); ```Gracias, fue una excelente experiencia...

ummmmm este profesor tiende a enredarse demasiado, ya soy programador pero pienso en alguien que no sepa nada y tal vez termine muy perdido en clases como estas

Comparto el código del reto con algunas mejoras aplicando css. 

Mi solución... 

Les dejo mi codigo usando arrow functions y usando el metodo find ```js const usersDatabase=[ { username:"andres", password:"123" }, { username:"caro", password:"456" }, { username:"mariana", password:"789" } ]; const usersTimeline=[ { username:"Estefany", timeline:"Me encata Javascript!" }, { username:"caro", timeline:"Bebeloper es lo mejor!" }, { username:"mariana", timeline:"A mi me gusta más el café que el té" }, { username:"andres", timeline:"Yo hoy no quiero trabajar" } ]; const user = prompt('Write your username'); const password = prompt('Write your password') const findUser = (user, password) => { return usersDatabase.find(u => u.username === user && u.password === password) } const findTimeline = (user) => { return usersTimeline.find(u => u.username === user) } const signIn = (user, password) => { if (findUser(user, password)) { const timelineFound = findTimeline(user) alert(`Welcome ${timelineFound.timeline ?? ''}`) } else { alert('Error: User not found') } } signIn(user, password) ```

Caro: "yo ya estuve en estos juegos" XD

function login() {    const usersName = document.getElementById("name").value;    const usersPassword = document.getElementById("password").value     console.log(`this is the user: ${usersName} this is the password: ${usersPassword}`)     let welcome = usersDatabase.filter((e) => e.username === usersName && e.password === usersPassword);     if(welcome.length >0){      console.log('Welcome')       let board = usersTimeline.map((e) => `${e.username}: ${e.timeline}`);      console.log(board)    } else {      console.log('error')    }       } /*ACEPTO FEEBACKS*\*/


 Aquí dejo mi solucion al reto Utilice for of para iterar en el array de usuarios. .toLowerCase para que no hubiera problemas al momentos de comparar los nombres de los usuarios. Y por ultimas los tres if en los que esta la lógica de verificación, de pronto fui algo redundante acá pero me funciono jeje.

Aquí les comparto mi solución ```js const userName = prompt("Ingrese su usuario"); const userPassword = prompt("Ingrese su contraseña"); function validationUser(userName, userPassword) { for (let i in usersDatabase) { if ( usersDatabase[i].username === userName && usersDatabase[i].password === userPassword ) { return true; } } return false; } function logIn(userName, userPassword) { if (validationUser(userName, userPassword)) { document.write(`

Bienvenido ${userName}!

`); document.write(`

TimeLine:

`); for (let key in usersTimeline) { document.write( `

${usersTimeline[key].username}:
${usersTimeline[key].timeline}

` ); } } else { document.write("

Usuario o contraseña incorrectos

"); } } logIn(userName, userPassword); ```

Así quedo mi solución ```js // Base de datos de usuarios const usersDatabase = [ { username: "admin", password: "admin", }, { username: "caro", password: "456", }, { username: "user2", password: "789", }, ]; // Base de datos de timelines const usersTimeline = [ { username: "admin", timeline: "Hola, soy el admin", }, { username: "caro", timeline: "Hola, soy caro", }, { username: "user2", timeline: "Hola, soy user2", }, ]; // Función para verificar si el usuario existe y la contraseña es correcta function usuarioExistente(usuario, contrasena) { for (let i = 0; i < usersDatabase.length; i++) { if (usersDatabase[i].username === usuario && usersDatabase[i].password === contrasena) { return true; } } return false; } // Función para obtener el timeline de un usuario function mostrarTimelines(usuario) { for (let i = 0; i < usersTimeline.length; i++) { if (usersTimeline[i].username === usuario) { return usersTimeline[i].timeline; } } return "No se encontró timeline para este usuario."; } // Código principal let usuario = prompt("Ingrese su usuario"); let contrasena = prompt("Ingrese su contraseña"); if (usuarioExistente(usuario, contrasena)) { let mensaje = "Bienvenido " + usuario + "\nEstos son tus timelines: \n"; let timeline = mostrarTimelines(usuario); mensaje += timeline; alert(mensaje); } else { alert("Usuario o contraseña incorrectos"); } ```// Base de datos de usuariosconst usersDatabase = \[    {      username: "admin",      password: "admin",    },    {      username: "caro",      password: "456",    },    {      username: "user2",      password: "789",    },  ];    // Base de datos de timelines  const usersTimeline = \[    {      username: "admin",      timeline: "Hola, soy el admin",    },    {      username: "caro",      timeline: "Hola, soy caro",    },    {      username: "user2",      timeline: "Hola, soy user2",    },  ];    // Función para verificar si el usuario existe y la contraseña es correcta  function usuarioExistente*(usuario, contrasena)* {    for (let i = 0; i < usersDatabase.length; i++) {      if (usersDatabase\[i].username === usuario && usersDatabase\[i].password === contrasena) {        return true;      }    }    return false;  }    // Función para obtener el timeline de un usuario  function mostrarTimelines*(usuario)* {    for (let i = 0; i < usersTimeline.length; i++) {      if (usersTimeline\[i].username === usuario) {        return usersTimeline\[i].timeline;      }    }    return "No se encontró timeline para este usuario.";  }    // Código principal  let usuario = prompt("Ingrese su usuario");  let contrasena = prompt("Ingrese su contraseña");    if (usuarioExistente(usuario, contrasena)) {    let mensaje = "Bienvenido " + usuario + "\nEstos son tus timelines: \n";    let timeline = mostrarTimelines(usuario);    mensaje += timeline;    alert(mensaje);  } else {    alert("Usuario o contraseña incorrectos");  }

Hola compañer@s, he adaptado el código del profesor para que utilice una clase y una subclase, de esta manera no se repiten demasiadas veces la declaración de las propiedades username y password, esto nos ayuda para no ocupar memoria que nos ahorramos usando propiedades heredadas. . También utilicé el método find() para localizar si existe el username y password que el usuaio introduce en el prompt. Y también utilice for of para imprimir los timelines de los otros usuarios. . Si tienes alguna duda preguntame, con gusto te apoyaré. . Código en imágen Código para que lo puedan copiar: ```js class User { constructor (username, password) { this.username = username this.password = password } } class UserTimeline extends User { constructor (username, timeline) { super(username) this.timeline = timeline } } const user1 = new User('andres', '123') const user2 = new User('caro', '456') const user3 = new User('mariana', '789') const arrayUsersDatabase = [user1, user2, user3] const userTimeline1 = new UserTimeline('Estefany', 'Me encanta Javascript!') const userTimeline2 = new UserTimeline('Oscar', 'Bebeloper es lo mejor!') const userTimeline3 = new UserTimeline('Mariana', 'A mi me gusta más el café que el té') const userTimeline4 = new UserTimeline('Andrés', 'Yo hoy no quiero trabajar') const arrayUsersTimeline = [userTimeline1, userTimeline2, userTimeline3, userTimeline4] const username = prompt('¿Cuál es tu usuario?') const password = prompt('¿Cuál es tu contraseña?') function singIn (username, password) { const usuarioExistente = arrayUsersDatabase.find(elemento => { // devuelve true si el user y passwrd existen en arrayUsersDatabase return elemento.username === username && elemento.password === password }) if (usuarioExistente) { //Si usuarioExistente es igual a true entonces... alert(`Bienvenido a tu cuenta ${username}`) for (let elemento of arrayUsersTimeline) { console.log(` ${elemento.username} dice: ${elemento.timeline} `); } } else { alert('Uuups, usuario y contraseña incorrectos'); } } singIn(username, password) ```

Hola Les comparto mi solución, me gusta el código simple así que la optimice lo máximo posible. Espero les guste! 

Me parecio muy incompleta la explicacion, se supone que despues del mensaje de bienvenida a cada usuario se tendria que inprimir el timeline de cada uno y lo que se hizo fue imprimir el array "usersTimeline" completo, no hay profundidad en ese aspecto y dejan al estudiante a la deriva. Otra cosa se ve un nuevo metodo llamado "alert", que a mi parecer se debio hacer una breve explicacion de este .... Sin embargo, dejo mi solucion definitiva de este ejercicio aplicando el metodo find() que si fue visto en el contenido del curso ..... 

```js const usersDatabase = [ { username: 'admin', password: 'admin', }, { username: 'user', password: 'user', }, { username: 'guest', password: 'guest1', }, ] const userdTimeline = [ { username: 'guest', message: 'I am the guest!', }, { username: 'admin', message: 'I am the admin!', }, { username: 'user', message: 'I am the user', }, ] const login = (username, password) => { const user = usersDatabase.find(user => user.username === username && user.password === password) if (user) { console.log(`Welcome, ${user.username}!`) const timelineMessage = userdTimeline.filter(message => message.username === user.username) console.log(`Your timeline: ${timelineMessage.map(message => message.message)}`) } else { console.log('Invalid credentials') } } login('guest', 'guest1') ```

## Construcción de un Algoritmo para Generar una Red Social * La tarea de hoy es construir un algoritmo para una red social. * Cuatro pasos clave son necesarios para completar este reto. ## Requerimientos del Algoritmo * El usuario debe poder ingresar su usuario y contraseña. * El sistema debe validar si el usuario y la contraseña existen en la base de datos proporcionada. * Si el usuario y la contraseña son correctos, el sistema debe mostrar un mensaje de bienvenida y el timeline del usuario. * Si el usuario y la contraseña son incorrectos, el sistema debe mostrar un mensaje de error y no debe mostrar ningún timeline. ## Validación de Usuario y Contraseña * Se debe construir una función que reciba el usuario y la contraseña ingresados. * La función debe validar estos datos contra una base de datos existente. * Si la validación es correcta, la función debe retornar `true`; de lo contrario, debe retornar `false`. ## Implementación del Sign-In * Crear una función de sign-in que reciba los datos ingresados por el usuario. * La función debe utilizar la función de validación para comprobar los datos. * Si los datos son correctos, se muestra un mensaje de bienvenida con el nombre del usuario y su timeline. * Si los datos son incorrectos, se muestra un mensaje de error indicando que el usuario o la contraseña son incorrectos. ## Ejemplo de Código function validarUsuario(username, password) { for (let i = 0; i < userDatabase.length; i++) { if (userDatabase\[i].username === username && userDatabase\[i].password === password) { return true; } } return false; } function signIn(username, password) { if (validarUsuario(username, password)) { alert(`Bienvenido a tu cuenta, ${username}`); console.log(userTimeline); } else { alert("Ups, usuario o contraseña incorrectos"); } } // Ejemplo de uso: const username = prompt("¿Cuál es tu usuario?"); const password = prompt("¿Cuál es tu contraseña?"); signIn(username, password); ## Próximos pasos * Completar el reto de construir la red social siguiendo los requerimientos dados. * Personalizar y expandir el timeline para hacerlo más dinámico. * Practicar y mejorar el código para perfeccionar las habilidades de desarrollo. * Subir el proyecto final y presentar el examen correspondiente.

Mi código class validador { constructor () { // Solicitar nombre al usuario this.nombre = prompt("Ingrese su nombre:"); // Solicitar contraseña al usuario this.password = prompt("Ingrese su contraseña:"); } validar(){ const usuarios={ usuario1:{ nombre:"Julio", password:"loro" }, usuario2:{ nombre:"Alberto", password:"perro" }, usuario3:{ nombre:"Lia", password:"gato" } } let usuarioValido= false for (key in usuarios){ if (usuarios\[key].nombre===this.nombre && usuarios\[key].password===this.password){ usuarioValido=true break } } if (usuarioValido==false){ alert('Contraseña o Nombre Inválido') } else alert('Ingreso válido') }} const juan= new validadorjuan.validar()

Mi soluciuon con lo aprendido en este curso, Arrow Function, Busqueda de elementos, operador ternario y demás. Lo cual reduce bastante el código escrito y lo hace más legible. ```js /* Reto 1.- El usuario debe poder ingresar con user y pass 2.- El sistema debe validar si el user y pass ingresados por el user existen en la base de datos 3.- Si el user y el pass con correctos, el sistema debe mostrar un mensaje de welcome and show the timeline of user 4.- If the user and pass is incorrect, the sistem must show a messaje of error and no show anything timeline */ const usersDB = [ { username: "Andres", password: "123", }, { username: "Caro", password: "456", }, { username: "Maria", password: "789", } ] const userTimeLine = [ { username: "Estefany", timeLine: "I love JS" }, { username: "Oscar", timeLine: "Developer is the best" }, { username:"Mariana", timeLine: "I like coffe more than tea" }, { username: "Andres", timeLine: "I don't want to work " } ] const userInput = prompt("Input tu user").trim() const passInput = prompt("Ingresa tu pass").trim() usersDB.find(user => user.username === userInput && user.password === passInput) ? welcome(userInput) : console.log("User or Pass Incorrect") function welcome(name) { console.log(`Welcome ${name}`) userTimeLine.forEach(uTL => console.log(uTL.username, " // ", uTL.timeLine)) } ```

const userExists = prompt("Enter your username: ");const password = prompt("Enter your Password: "); function existingUser(userExists, password){    for(user in usersDatabase){        if(userExists === usersDatabase\[user].username && password === usersDatabase\[user].password){            return true;        }else{ return false;}    }} function SignIn(userExists, password){    for(user in usersDatabase){        for(time in usersTimeline){            if(existingUser(userExists, password)){                if(userExists === usersTimeline\[time].username){                    return console.log(`Welcome ${userExists}\n ${usersTimeline\[time].timeline}`);                }            } else{console.log('User not found');}        }    }}     const usersDatabase = \[    {        username:"Andres",        password:"123",    },    {        username:"caro",        password:"456",    },    {        username:"mariana",        password:"789",    },]; const usersTimeline = \[    {        username:"Estefany",        timeline:"Me encata Javascript!",    },    {        username:"Oscar",        timeline:"Bebeloper es lo mejor!",    },    {        username:"Mariana",        timeline:"A mi me gusta más el café que el té",    },    {        username:"Andres",        timeline:"Yo hoy no quiero trabajar",    },]; existingUser(userExists, password);SignIn(userExists, password); ```js const userExists = prompt("Enter your username: "); const password = prompt("Enter your Password: "); function existingUser(userExists, password){ for(user in usersDatabase){ if(userExists === usersDatabase[user].username && password === usersDatabase[user].password){ return true; }else{ return false;} } } function SignIn(userExists, password){ for(user in usersDatabase){ for(time in usersTimeline){ if(existingUser(userExists, password)){ if(userExists === usersTimeline[time].username){ return console.log(`Welcome ${userExists}\n ${usersTimeline[time].timeline}`); } } else{console.log('User not found');} } } } const usersDatabase = [ { username:"Andres", password:"123", }, { username:"caro", password:"456", }, { username:"mariana", password:"789", }, ]; const usersTimeline = [ { username:"Estefany", timeline:"Me encata Javascript!", }, { username:"Oscar", timeline:"Bebeloper es lo mejor!", }, { username:"Mariana", timeline:"A mi me gusta más el café que el té", }, { username:"Andres", timeline:"Yo hoy no quiero trabajar", }, ]; existingUser(userExists, password); SignIn(userExists, password); ```

Dejo mi aporte y la forma en como lo resolviconst usersDatabase = \[    {        username: "andres",        password: "123",    },    {        username: "caro",        password: "456",    },    {        username: "mariana",        password: "789",    },]; const usersTimeline = \[    {        username: "Estefany",        timeline: "Me encanta Javascript!",    },    {        username: "Oscar",        timeline: "Bebeloper es lo mejor!",    },    {        username: "Mariana",        timeline: "A mí me gusta más el café que el té",    },    {        username: "Andres",        timeline: "Yo hoy no quiero trabajar",    },]; let userName;let password; userName = 'mariana';password = '789'; let usuarioEncontrado; function usuarioExistente(username, password) {    usuarioEncontrado = false;        for (let i = 0; i < usersDatabase.length; i++) {        if (            usersDatabase\[i].username === userName &&             usersDatabase\[i].password === password        ) {            console.log('BIENVENID@');            usuarioEncontrado = true;            break;        }    }        if (!usuarioEncontrado) {        console.log('Correo o contraseña incorrectos');    }     return usuarioEncontrado} usuarioExistente(userName, password); /////////////////////// let signIn = ()=>{    if (usuarioEncontrado === true){        console.log(`Bienvenido ${userName}`)    }} signIn(usuarioEncontrado) ```js const usersDatabase = [ { username: "andres", password: "123", }, { username: "caro", password: "456", }, { username: "mariana", password: "789", }, ]; const usersTimeline = [ { username: "Estefany", timeline: "Me encanta Javascript!", }, { username: "Oscar", timeline: "Bebeloper es lo mejor!", }, { username: "Mariana", timeline: "A mí me gusta más el café que el té", }, { username: "Andres", timeline: "Yo hoy no quiero trabajar", }, ]; let userName; let password; userName = 'mariana'; password = '789'; let usuarioEncontrado; function usuarioExistente(username, password) { usuarioEncontrado = false; for (let i = 0; i < usersDatabase.length; i++) { if ( usersDatabase[i].username === userName && usersDatabase[i].password === password ) { console.log('BIENVENID@'); usuarioEncontrado = true; break; } } if (!usuarioEncontrado) { console.log('Correo o contraseña incorrectos'); } return usuarioEncontrado } usuarioExistente(userName, password); /////////////////////// let signIn = ()=>{ if (usuarioEncontrado === true){ console.log(`Bienvenido ${userName}`) } } signIn(usuarioEncontrado) ```

```js const readlineSync = require('readline-sync'); const usersDatabase = [ { username: 'Fred', password: '123' }, { username: 'James', password: '456' }, { username: 'Tiesto', password: '789' } ] const userTimeline = [ { username: 'Kygo', timeline: 'This is Tropical House' }, { username: 'Armin', timeline: 'This is Trance' }, { username: 'Tiesto', timeline: 'This is Trance' }, { username: 'Fred', timeline: 'This is Pop' } ] const username = readlineSync.question("username: ") console.log('Your user name:',username) const password = readlineSync.question("password: ") console.log('Your password:',password) function validUser(username, password) { for (let user of usersDatabase) { if (user.username === username && user.password === password){ return true } } return false } function singIn(username, password) { if (validUser(username, password)) { console.log(`user: ${username} has been valid`) printTimeline(username) } else { console.log(`user: ${username} has not been found`) } } function printTimeline(username) { const isThereTimeline = userTimeline.find(timeline => timeline.username === username) if (isThereTimeline) { console.log(`User: ${username} told us` , isThereTimeline.timeline) } else { console.log(`User: ${username} without timline`) } } singIn(username, password) ```const readlineSync = require('readline-sync'); const usersDatabase = \[ { username: 'Fred', password: '123' }, { username: 'James', password: '456' }, { username: 'Tiesto', password: '789' }] const userTimeline = \[ { username: 'Kygo', timeline: 'This is Tropical House' }, { username: 'Armin', timeline: 'This is Trance' }, { username: 'Tiesto', timeline: 'This is Trance' }, { username: 'Fred', timeline: 'This is Pop' }] const username = readlineSync.question("username: ")console.log('Your user name:',username) const password = readlineSync.question("password: ")console.log('Your password:',password) function validUser(username, password) { for (let user of usersDatabase) { if (user.username === username && user.password === password){ return true } } return false} function singIn(username, password) { if (validUser(username, password)) { console.log(`user: ${username} has been valid`) printTimeline(username) } else { console.log(`user: ${username} has not been found`) }} function printTimeline(username) { const isThereTimeline = userTimeline.find(timeline => timeline.username === username) if (isThereTimeline) { console.log(`User: ${username} told us` , isThereTimeline.timeline) } else { console.log(`User: ${username} without timline`) }} singIn(username, password)

Así quedo el mio jeje `const usersDatabase = [  { username: "andres", password: "123" },  { username: "caro", password: "456" },  { username: "mariana", password: "789" },];const usersTimeline = [  { username: "Estefany", timeline: "Me encata Javascript!" },  { username: "Oscar", timeline: "Bebeloper es lo mejor!" },  { username: "Mariana", timeline: "A mi me gusta más el café que el té" },  { username: "Andres", timeline: "Yo hoy no quiero trabajar" },];` `let usuario = prompt('Ingresa tu nombre de usuario', '');let contraseña = prompt('Ingresa tu contraseña', '');` `function validarUsuario(``usuario``, ``contraseña``){    for (const i in usersDatabase) {        if(usersDatabase[i].username === usuario && usersDatabase[i].password === contraseña){              return true;        }    }    return false;}` `function signIn(){    if(validarUsuario(usuario, contraseña)){        const userTimeLine = usersTimeline.find(``timeline``` => timeline.username.toLowerCase() === usuario);        console.log(userTimeLine);        if(userTimeLine){            alert(`Bienvenido ${usuario}, ${userTimeLine.timeline}`);        }else{            alert('Usuario no valido');        }    } }`` `signIn();`

Añadi una función extra para imprimir el Timeline de cada uno ```js const username = prompt("Cuál es tu usuario?"); const password = prompt("Cuál es tu contraseña?"); function usuarioExistente(username, password) { for (let i = 0; i < usersDatabase.length; i++) { if ( usersDatabase[i].username === username && usersDatabase[i].password === password ) { return true; break; } } return false; } function signIn(username,password){ if(usuarioExistente(username,password)){ alert(`Bienvenido, ${username}`) printTimeline(username) }else{ alert("Usuario o contraseña incorrectos"); } } function printTimeline(username){ const thereIsAtimeLine = usersTimeline.find((timeline)=>timeline.username.toLowerCase()===username) if(thereIsAtimeLine){ console.log(`${username}. Tu timeline es: ${thereIsAtimeLine.timeline}`) }else console.log("No hay ninguna timeline. D=") } signIn(username,password) ```

```js const usersDatabase = [ { username: "andres", password: "123", }, { username: "caro", password: "456", }, { username: "mariana", password: "789", }, ]; const usersTimeline = [ { username: "Estefany", timeline: "Me encata Javascript!", }, { username: "Oscar", timeline: "Bebeloper es lo mejor!", }, { username: "Mariana", timeline: "A mi me gusta más el café que el té", }, { username: "Andres", timeline: "Yo hoy no quiero trabajar", }, ]; class AutenticateUser { constructor(username, password) { this.username = username; this.password = password; } login() { let autenticate = usersDatabase.find(user => user.username === this.username) && this.password === usersDatabase.find(user => user.username === this.username).password; if (autenticate) { return `Bienvenido al sistema ${this.username}! Timelines: ${JSON.stringify(usersTimeline)}`; } else { return "El usuario o la contraseña son incorrectos"; } } } const usuario = "caro"; const contrasenia = "4561"; const user = new AutenticateUser(usuario, contrasenia); console.log(user.login()); ```const usersDatabase = \[    {         username: "andres",         password: "123",     }, {         username: "caro",         password: "456",     }, {         username: "mariana",         password: "789",     },]; const usersTimeline = \[    {         username: "Estefany",         timeline: "Me encata Javascript!",     }, {         username: "Oscar",         timeline: "Bebeloper es lo mejor!",     }, {         username: "Mariana",         timeline: "A mi me gusta más el café que el té",     }, {         username: "Andres",         timeline: "Yo hoy no quiero trabajar",     },]; class AutenticateUser {    constructor(username, password) {        this.username = username;        this.password = password;    }     login() {        let autenticate = usersDatabase.find(user => user.username === this.username) && this.password === usersDatabase.find(user => user.username === this.username).password;                if (autenticate) {            return `Bienvenido al sistema ${this.username}! Timelines: ${JSON.stringify(usersTimeline)}`;        } else {            return "El usuario o la contraseña son incorrectos";        }    }} const usuario = "caro";const contrasenia = "4561";const user = new AutenticateUser(usuario, contrasenia);console.log(user.login());

![]()

Este proyecto me ha parecido muy interesante, me encantaria que continuaran con este proyecto creando las interfaces graficas

Comparto la parte del código para extraer el timeline del usuario: ```js // Se busca el timeline correspondiente al usuario autenticado const userTimeline = usersTimeline.find( (user) => user.username.toLowerCase() === authenticatedUsername.toLowerCase() ); // Mostrar el timeline si se encuentra if (userTimeline) { console.log(`Timeline de ${userTimeline.username}: "${userTimeline.timeline}"`); // Puedes también mostrar el timeline en un elemento del DOM const timelineElement = document.getElementById('timeline'); if (timelineElement) { timelineElement.textContent = `Timeline: ${userTimeline.timeline}`; } } else { // Se muestra mensaje de error si no se encontró timeline console.log("No se encontró un timeline para este usuario."); } ```