- I'm studying Software Engineer at UANL
- Traveler in Innovaccion Virtual
- Explorer in Launch X
import React from 'react'
import { useState } from 'react'
const Gus = () => {
const [me, setMe] = useState(
{
name: 'Gustavo Valdez',
hobbies: ['Studying', 'Coding','Going to the Gym', 'Listening to Music'],
tools: ['Windows', 'Linux', 'Github', 'Git', 'Figma'],
skills: ['compromise ', 'motivation ', 'adaptability ', 'Listening ']
}
)
console.log(me);
return (
<div>
<h1>
Hi im {me.name}
</h1>
<span>I usually do in my days:</span>
<p>{me.hobbies}</p>
<h3>What tools i use</h3>
<ul>
{me.tools.map((item,i) =>
<li key={i}>
<span>{item}</span>
</li>
)}
</ul>
<h3>My skills</h3>
<ul>
{me.skills.map((item,i) =>
<li key={i}>
<span>{item}</span>
</li>
)}
</ul>
</div>
)
}
export default Gus
