Git Product home page Git Product logo
import react, { useState } from 'React'

const myData = {
  personal: {
    name: 'Michael Phelps',
    location: 'Fairfield, IA, USA',
    age: 42,
    school: 'Lambda School',
    occupation: 'Full Stack Web Developer',
    interests: [
      'programming',
      'gaming and eSports',
      'spending time with family'
    ]
  },
  professional: {
    languages: ['JavaScript', 'HTML', 'CSS', 'React', 'Redux', 'NodeJS', 'Express',],
    databases: ['PostgreSQL', 'SQlite'],
    learning: ['Firebase', 'MongoDB', 'Angular', 'Vue'],
    experience: '1yr'
  },
  contact: {
    email: '[email protected]',
    linkedin: 'https://www.linkedin.com/in/michael-phelps1978/',
    twitter: 'https://www.twitter.com/psybermind',
    discord: 'PsyberMind#2418'
  }
}

const MyProfile = () => {
  const [myInfo, setMyInfo] = useState(myData)

  return (
    <div>
      <h1>I'm looking for the chance to prove my skills with you!</h1>
      <h2>Contact me today!</h2>
      { myInfo.array.forEach(element => {
        return(
          <div>
            <p>Name: {element.personal.name}</p>
            <p>email: {element.contact.email}</p>
          </div>
        )})}
    </div>
  )
}

Inspired by martonlederer

Michael Phelps's Projects

app icon app

Strategy planning Application

ecommerce-project icon ecommerce-project

Sample eCommerce Project Created with React, Router, Redux, Firebase, GraphQL and StripeAPI

git-for-web-development-project icon git-for-web-development-project

In this project you will be using the concepts learned in the Git for Web Development lesson to fork/clone/push/and submit a PR for each project during this sprint.

graphs icon graphs

Graphs, BFS, DFS, connected components

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.