{"id":2429,"date":"2022-04-19T03:57:19","date_gmt":"2022-04-19T03:57:19","guid":{"rendered":"https:\/\/www.askmecode.com\/?p=2429"},"modified":"2022-04-19T03:57:19","modified_gmt":"2022-04-19T03:57:19","slug":"freecodecamp-suggestion-box","status":"publish","type":"post","link":"https:\/\/www.askmecode.com\/blog\/freecodecamp-suggestion-box\/","title":{"rendered":"FreeCodeCamp Suggestion Box"},"content":{"rendered":"<p><iframe width=\"100%\" height=300vh src=\"https:\/\/www.youtube.com\/embed\/NnpISZANByg?autoplay=1&#038;mute=0\"><\/iframe>FreeCodeCamp Suggestion Box: A blog about the FreCodeCamp suggestion box.<\/p>\n<p>The FCC suggestion box is a great place to share ideas, questions, and concerns about Free Code Camp.<\/p>\n<p>Some of the suggestions are so good that we are implementing them.<\/p>\n<p>The most recent post in the FreeCodeCamp Suggestion Box was made just minutes ago by a camper named Honey. She posted this: I think it would be neat if we could do an intermediate version of the data visualization projects. Something between your basic bar\/pie charts and a full-blown d3 project like the heat map. I know it&#8217;s not exactly on topic with what we&#8217;re learning, but I feel like it would be nice to have some practice with data viz before tackling the final project.<\/p>\n<p>If you have an idea you&#8217;d like to share, please head over to http:\/\/suggestions.freecodecamp.com\/<\/p>\n<p>This is a blog about the FreeCodeCamp Suggestion Box.<\/p>\n<p>Last week, FreeCodeCamp launched their suggestion box. I thought it would be cool to build a blog about the suggestions.<\/p>\n<p>I decided that I wanted to use the MEAN stack (MongoDB, Express.js, Angular.js and Node.js). I had previously built a small app with this stack, but this would be my first full-blown app with it.<\/p>\n<p>After sketching out some wireframes and drawing up the database schema, I got started.<\/p>\n<p>FreeCodeCamp is an interactive platform where you can learn to code for free. The idea of the suggestion box was to create a fun way for users to contribute their ideas, thoughts and suggestions.<\/p>\n<p>The end results are displayed in the form of a grid. Every time you refresh the page, one idea will be randomly chosen and displayed in full size on your screen.<\/p>\n<p>Some of the technologies used in this project include: JavaScript, CSS3, HTML5 and JQuery.<\/p>\n<p>The FreeCodeCamp Suggestion Box is a great place to share ideas about how to improve the camp, and vote for others&#8217; ideas.<\/p>\n<p>Today I submitted an idea to make sure that the navigation bar stays at the top of the page as you scroll down. This is a common design pattern, found on many websites (including this one), where when you scroll down you can still see the navigation bar, allowing you to quickly jump to another part of the site.<\/p>\n<p>This was my first time contributing to FreeCodeCamp. I&#8217;ve been a camper since last November, and have completed most of the front end development certification, but until today hadn&#8217;t been in a position to contribute back anything useful. So I&#8217;m very excited about this idea being accepted!<\/p>\n<p>I realised recently that I was in a position to create something like this. It&#8217;s actually quite simple using some jQuery, and once it was done I could see all sorts of different ways it could be used &#8211; not just for navigation bars at the top of a page, but also sticky footers, headers and sidebars too. So here&#8217;s what I did&#8230;<\/p>\n<p>No one wants to use a suggestion box that looks like it was made in 1999. So I redesigned it. Check it out here: https:\/\/codepen.io\/borntofrappe\/full\/ZvLxWX\/.<\/p>\n<p>I&#8217;m listening to the suggestions, and will try and implement them on the site. If you are interested in following this project, feel free to follow me here on Medium, or on Twitter (@borntofrappe).<\/p>\n<p>Cheers!<iframe width=\"100%\"\" height=300vh src=\"https:\/\/www.youtube.com\/embed\/8ext9G7xspg?autoplay=1&#038;mute=1\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FreeCodeCamp Suggestion Box: A blog about the FreCodeCamp suggestion box. The FCC suggestion box is a great place to share ideas, questions, and concerns about Free Code Camp. Some of the suggestions are so good that we are implementing them. The most recent post in the FreeCodeCamp Suggestion Box was made just minutes ago by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/posts\/2429"}],"collection":[{"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/comments?post=2429"}],"version-history":[{"count":2,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/posts\/2429\/revisions"}],"predecessor-version":[{"id":2431,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/posts\/2429\/revisions\/2431"}],"wp:attachment":[{"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/media?parent=2429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/categories?post=2429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.askmecode.com\/wp-json\/wp\/v2\/tags?post=2429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}