DEV Community

Discussion on: Header-Main-Footer in React

Collapse
adamaslan profile image
Adam Aslan

would be great to see the Footer.js, and other code examples! maybe set up a link to github :)

Collapse
dhintz89 profile image
Daniel Hintz Author

So here's the thing....I quickly made the "site" for this write up based on a much larger, more complex real-life project, never made a github repo, and then somehow lost the local file 🤦

But the Footer.js file will be pretty simple. Something like:

import React from 'react';

const Footer = () => {
    return (
        <div className="Footer">
            <img src='DanHintzDesignLogo-DHSmileOutlined.svg' alt="Dan Hintz Logo" height="100%" />
            <p>This is the Footer</p>
        </div>
    )
}

export default Footer;
Enter fullscreen mode Exit fullscreen mode

If you really want to see more, you can check out my full project here. There's a lot there, but if you stick to the components in the structure folder, it should look pretty similar to this.