-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcomponent---src-pages-projects-js-d730bd53cf8f2222756d.js
More file actions
2 lines (2 loc) · 6.58 KB
/
Copy pathcomponent---src-pages-projects-js-d730bd53cf8f2222756d.js
File metadata and controls
2 lines (2 loc) · 6.58 KB
1
2
webpackJsonp([0xc260c743ec7c],{696:function(e,t,a){e.exports=a.p+"static/bitcoin_tracker.b5770dd5.gif"},697:function(e,t,a){e.exports=a.p+"static/handicap_calc.36f0fd56.gif"},698:function(e,t,a){e.exports=a.p+"static/personal_site.0de57d57.gif"},699:function(e,t,a){e.exports=a.p+"static/tronix.a2434210.gif"},700:function(e,t,a){e.exports=a.p+"static/weather_app.038d18ce.gif"},349:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=a(2),n=l(r),o=a(!function(){var e=new Error('Cannot find module "../../pages/styles/projects/styles"');throw e.code="MODULE_NOT_FOUND",e}()),i=a(699),c=l(i),u=a(700),s=l(u),d=a(697),f=l(d),h=a(698),m=l(h),p=a(696),g=l(p),w=function(){return n.default.createElement(o.ProjectCardBox,null,n.default.createElement(o.ProjectCard,null,n.default.createElement(o.ProjectImage,null,n.default.createElement("img",{src:m.default,alt:"personal site gif"})),n.default.createElement(o.ProjectDetails,null,n.default.createElement(o.Details,null,n.default.createElement("h5",null," Personal Website "),n.default.createElement("p",null,"This website is built with React, Gatsby, & GraphQL, all hosted via Heroku. Blog posts are generated from markdown files that support code block highlighting via PrismJS and inserting images. The CSS was written with styled-components. This site is responsive across all mobile devices. This site will periodically undergo changes and updates as I learn more."),n.default.createElement("a",{href:"https://www.github.com"}," | Github Repo | ")))),n.default.createElement(o.ProjectCard,null,n.default.createElement(o.ProjectImage,null,n.default.createElement("img",{src:g.default,alt:"bitcoin tracker project gif"})),n.default.createElement(o.ProjectDetails,null,n.default.createElement(o.Details,null,n.default.createElement("h5",null," React 30-day Bitcoin Price "),n.default.createElement("p",null,"A simple Bitcoin price chart built with React, the charting library Recharts, and the Coindesk API. All held together with Flexbox. The chart has hoverable points that display more data on the specific day. It covers the past 30 days, and shows price in both USD and EUR. This was one of my first React Projects working with a 3rd party API."),n.default.createElement("a",{href:"https://github.com/maisonm/bitcoin_price_chart",target:"_blank",rel:"noopener noreferrer"}," | Github Repo | ")))),n.default.createElement(o.ProjectCard,null,n.default.createElement(o.ProjectImage,null,n.default.createElement("img",{src:c.default,alt:"tronix project gif"})),n.default.createElement(o.ProjectDetails,null,n.default.createElement(o.Details,null,n.default.createElement("h5",null," r/Tronix | Reddit CSS redesign "),n.default.createElement("p",null,"Collaborated with other Reddit members to help write the custom CSS to redesign r/Tronix's CSS layout. The goal was to create a minimilistic black/white/grey themed layout. Nothing too fancy here, just pure CSS and a fun project to collaborate on! Tronix (TRX) is a cryptocurrency, and it's official subreddit has over 67k subscribers currently."),n.default.createElement("a",{href:"https://www.reddit.com/r/tronix",target:"_blank",rel:"noopener noreferrer"}," | /Tronix | ")))),n.default.createElement(o.ProjectCard,null,n.default.createElement(o.ProjectImage,null,n.default.createElement("img",{src:s.default,alt:"weather app project gif"})),n.default.createElement(o.ProjectDetails,null,n.default.createElement(o.Details,null,n.default.createElement("h5",null," React Weather App Tutorial "),n.default.createElement("p",null,"This small weather app was built with the intention of being an example for a tutorial I wrote on Medium. It was less about the weather and more about connecting a backend Node Express server with a frontend client like React, and sending information back and forth between them. It utalizes a 3rd-party weather api via Open Weather Map to make weather reuests in the backend. The frontend captures a zipcode and then POST's it to the backend that then is used with the weather API qOnce the data is returned, it's fetched by the React component responsible for rendering weather display."),n.default.createElement("a",{href:"https://github.com/maisonm/weather_app_tutorial",target:"_blank",rel:"noopener noreferrer"}," | Github Repo | "),n.default.createElement("a",{href:"https://medium.com/@maison.moa/create-a-simple-weather-app-using-node-js-express-and-react-54105094647a",target:"_blank",rel:"noopener noreferrer"}," | Medium Article | ")))),n.default.createElement(o.ProjectCard,null,n.default.createElement(o.ProjectImage,null,n.default.createElement("img",{src:f.default,alt:"golf handicap calculator project gif"})),n.default.createElement(o.ProjectDetails,null,n.default.createElement(o.Details,null,n.default.createElement("h5",null," Golf Handicap Calculator "),n.default.createElement("p",null,"This handicap calculator was a tool I made with vanilla Javascript to help me quickly gauge where my handicap was after each round of golf. There are more complex calcultors out there, but I needed something simple and to the point. Just the basics here; vanilla Javascript, a bit of math, HTML5, and CSS3. I personally use this quite often."),n.default.createElement("a",{href:"https://www.github.com"}," | Github Repo | ")))))};t.default=w,e.exports=t.default},350:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=a(2),n=l(r),o=a(!function(){var e=new Error('Cannot find module "../../pages/styles/projects/styles"');throw e.code="MODULE_NOT_FOUND",e}()),i=function(){return n.default.createElement(o.ProjectsOverviewContainer,null,n.default.createElement(o.OverviewHeading,null,"Projects"),n.default.createElement(o.OverviewText,null,"The project's code can be found via the links on the cards. Some projects are hosted, and others are living quietly in their repo. Client projects are not shown."),n.default.createElement(o.OverviewText,null,"If there is a project you’d like to see live, please contact me and I will get that going for you. Thanks for looking"))};t.default=i,e.exports=t.default},356:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=a(2),n=l(r),o=a(!function(){var e=new Error('Cannot find module "./styles/projects/styles"');throw e.code="MODULE_NOT_FOUND",e}()),i=a(349),c=l(i),u=a(350),s=l(u),d=function(){return n.default.createElement(o.ProjectsPageContainer,null,n.default.createElement(s.default,null),n.default.createElement(o.ProjectCardsContainer,null,n.default.createElement(c.default,null)))};t.default=d,e.exports=t.default}});
//# sourceMappingURL=component---src-pages-projects-js-d730bd53cf8f2222756d.js.map