function About() {

  return (
    <div className="about page-outer">
      <div>
        <h2 className="text-xl">I made this app using the following components:</h2>
        <h2 className="mt-4 font-bold text-xl">Frontend:</h2>
        <ul><li>React</li><li>TypeScript</li><li>Vite</li></ul>
        <h2 className="mt-4 font-bold text-xl">Backend:</h2>
        <ul><li>Node.js & Express</li><li>PostgreSQL</li></ul>
        <h2 className="mt-4 font-bold text-xl">Containerization:</h2>
        <ul><li>Docker</li></ul>
        <h2 className="mt-4 font-bold text-xl">Styling/UI:</h2>
        <ul><li>Tailwind CSS</li></ul>
        <p className="mt-4">More about me <a className="text-blue-600" target="_blank" href="https://fredzernia.com">here</a> |
          Code for this app <a className="text-blue-600" target="_blank" href="https://forgejo.fredzernia.com/fred/recipe_app">here</a></p>
      </div>
    </div >
  )

}

export default About
