{"version":3,"sources":["components/Footer.js","components/MainContent.js","components/Nav.js","components/AboutMe.js","components/Projects.js","components/Contact.js","components/App.js","index.js"],"names":["Footer","className","id","href","MainContent","type","Nav","AboutMe","Projects","class","Contact","for","aria-label","placeholder","App","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.fe67de84.chunk.js","sourcesContent":["// React dependencies\nimport React from 'react';\n\nconst Footer = () => {\n    return (\n        <footer className=\"footer\">\n            <div className=\"\">\n                <div className=\"container\">\n                    <div className=\"py-5\" id=\"footerContents\">\n                        <ul className=\"row\">\n                            <li className=\"col\">\n                                <a href=\"https://codepen.io/benaitcheson\"><i className=\"fab fa-codepen fa-2x\"></i></a>                                \n                            </li>\n                            <li className=\"col\">\n                                <a href=\"https://github.com/benaitcheson\"><i className=\"fab fa-github fa-2x\"></i></a>\n                            </li>\n                            <li className=\"col\">\n                                <a href=\"https://www.linkedin.com/in/ben-aitcheson-75963b84/\"><i className=\"fab fa-linkedin fa-2x\"></i></a>\n                            </li>\n                        </ul>\n                    </div>\n\n                    <hr className=\"white\"></hr>\n                    <p>copyright stuff</p>\n                </div>\n            </div>\n        </footer>\n    )\n}\n\nexport default Footer","// React dependencies\nimport React from 'react';\n\nconst MainContent = () => {\n    return (\n        <main className=\"p-5\">\n            <div className=\"container-fluid py-5\">\n                <h1 className=\"display-5 fw-bold\">Hi, my name is Ben Aitcheson.</h1>\n                <h1 className=\"display-5 fw-bold\">Welcome to my portfolio page, I'll showcase my projects here.</h1>\n                <button className=\"btn btn-primary btn-lg\" type=\"button\">Find out more!</button>\n            </div>\n        </main>\n    )\n}\n\nexport default MainContent","// React dependencies\nimport React from 'react';\nimport '../style.css';\n\nconst Nav = () => {\n    return (\n        <nav className=\"navbar\">\n            <p>This is a nav</p>\n            <p>also a nav</p>\n        </nav>\n    )\n}\n\nexport default Nav","// React dependencies\nimport React from 'react';\n\nconst AboutMe = () => {\n    return (\n        <section className=\"contact\">\n            <div className=\"p-5\">\n                <h2 className=\"\">About Me</h2>\n                <p className=\"\">I'm a beginner freelance developer</p>\n                <button className=\"btn btn-primary btn-lg\" type=\"button\">View my Resume!</button>\n            </div>\n        </section>\n    )\n}\n\nexport default AboutMe","// React dependencies\nimport React from 'react';\n\nconst Projects = () => {\n    return (\n        <section className=\"p-5\">\n            <h2>Projects</h2>\n\n            <div className=\"row gy-3\">\n                <div className=\"col-sm-6\">\n                    <div className=\"card\">\n                        <div className=\"card-body\">\n                            <h5 className=\"card-title\">Two sided Market place</h5>\n                            <p className=\"card-text\">This project is a two-sided marketplace for financial planners and customers to meet. This project was created entirely with Ruby on Rails with Postgresql used for the database. This was my first time having a back-end to work on.</p>\n                            <a href=\"https://t2a2-marketplace-app.herokuapp.com/\" className=\"btn btn-primary\">Go to Deployed Website</a>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-sm-6\">\n                    <div className=\"card\">\n                        <div className=\"card-body\">\n                            <h5 className=\"card-title\">Javascript Calculator</h5>\n                            <p className=\"card-text\">Built on Codepen.io in my spare time. This project taught me some fundamental Javascript concepts.</p>\n                            <a href=\"https://codepen.io/benaitcheson/pen/YzxXZwq\" className=\"btn btn-primary\">Go to my Codepen Site</a>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-sm-6\">\n                    <div className=\"card\">\n                        <div className=\"card-body\">\n                            <h5 className=\"card-title\">Tanda Rails Challenge + React</h5>\n                            <p className=\"card-text\">This project was forked from the Tanda work samples found on Github. I used this as a follow up to the Two Sided Marketplace application to learn Ruby on Rails further.</p>\n                            <a href=\"https://github.com/benaitcheson/Tanda-WorkSample-adnat\" className=\"btn btn-primary\">Go to the Repository for this Project</a>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-sm-6\">\n                    <div className=\"card\">\n                        <div className=\"card-body\">\n                            <h5 className=\"card-title\">Coder Academy Hackathon 1</h5>\n                            <p class=\"card-text\">First of two Hackathons for Coder Academy. For this Hackathon we built a Trivia question builder from an API. I learnt a lot about Git Collaboration on this project.</p>\n                            <a href=\"https://github.com/NatalieLouise91/Hackathon1\" className=\"btn btn-primary\">Go to the Repository for this Project</a>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-sm-6\">\n                    <div className=\"card\">\n                        <div className=\"card-body\">\n                            <h5 className=\"card-title\">Coder Academy Hackathon 2</h5>\n                            <p className=\"card-text\">TEXT.</p>\n                            <a href=\"https://github.com/NatalieLouise91/bookapp\" className=\"btn btn-primary\">Go to the Repository for this Project</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n\nexport default Projects","// React dependencies\nimport React from 'react';\n\nconst Contact = () => {\n    return (\n        <section>\n            <div className=\"mx-auto p-5 container\">\n                <h2>Contact</h2>\n                \n                <form>\n                    <div className=\"mb-3\">\n                        <label for=\"InputEmail\" className=\"form-label\">Email address</label>\n                        <input type=\"email\" className=\"form-control\" aria-label=\"emailHelp\"/>\n                    </div>\n\n                    <div className=\"mb-3\">\n                        <label for=\"InputName\" className=\"form-label\">Your name</label>\n                        <input type=\"text\" className=\"form-control\" aria-label=\"emailHelp\"/>\n                    </div>\n\n                    <div className=\"mb-3\">\n                        <label for=\"InputComment\" className=\"form-label\">Comments</label>\n                        <textarea className=\"form-control\" placeholder=\"Leave a comment here\"></textarea>\n                    </div>\n\n                    <button type=\"submit\" className=\"btn btn-primary\">Submit</button>\n                </form>\n            </div>\n        </section>\n    )\n}\n\nexport default Contact","// React dependencies\nimport React from 'react';\n\n// My own modules\nimport Footer from './Footer';\nimport MainContent from './MainContent';\nimport Nav from './Nav';\nimport AboutMe from './AboutMe';\nimport Projects from './Projects';\nimport Contact from './Contact';\n\nconst App = () => {\n  return (\n    <div>\n      <Nav />     \n      <MainContent />\n      <AboutMe />\n      <Projects />\n      <Contact />\n      <Footer />\n    </div>\n  )\n}\n\nexport default App\n","// React dependencies\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n// My own modules\nimport App from './components/App';\n\nReactDOM.render(\n    <App />, \n\n    // Use github for projects and make each repo a project on this site. Scrap the internet for the info.\n\n    document.getElementById('root')\n);"],"sourceRoot":""}