Inside the components subfolder, create a file and name it Footer.js

Our footer component contains some text and two buttons to fetch random quotes and contact the developer:

import React from "react";

const handleClick = () => {
  return window.location.reload();

const Footer = () => {
  return (
    <section className="footer">
      <div className="footer-items">
          Made with the MERN Stack by Kolade Chris Ksound, <br />
          Web developer and Technical Copywriter focusing on frontend
          technologies and passionate Chelsea FC supporter. <br /> Dedicated to
          N'golo Kante.
            <a href="#" onClick={handleClick}>
              Random Quote
            <a href="">Contact Developer</a>

export default Footer;