Front-end Developer Github Projects

[gretty]

I want to add some (around 3) projects to my github that will demonstrate my Front-end dev skillsets. I’m trying to come up with projects/libraries/packages I could develop that will involve a good cross section of Front-end dev skills.

What are some good Front-end developer github projects I can make that demonstrate relevant Front-end skills? Would you recommend I create whole projects or segments/packages?

Can you critique/expand the following ideas and provide advice for other projects:

• A ‘static’ Netflix clone (index.html, site.less, site.js, package.json, gruntfile.js): Purpose demonstrate front-end skills HTML5, LESS, JQuery, Responsive design, tools & setup (grunt, NPM).
• JQuery WSYIWYG Editor plugin (*.js, *.less, demo.html, package.json, gruntfile.js): Purpose demonstrate front-end skills LESS, javascript, JQuery, tools & setup (grunt, NPM)
• Select a ‘popular’ js library and create a project with that? For eg, d3.js.

[Beverleyh]

What are some good Front-end developer github projects I can make that demonstrate relevant Front-end skills? Would you recommend I create whole projects or segments/packages?

I’m of the mindset that it’s best to make something that solves an actual problem you’ve encountered; If your project is useful to you, it will probably be useful to someone else too. And you’ll be more invested in putting your time and effort into it if it actually means something on a personal level.

So say your mum/spouse/nice old lady next door, is frustrated with finding metric measurements for recipes online. You could develop a helpful online calculator for them that converts units to imperial measures, and then outputs them in an attractive, responsive layout.

Try and “sell” your project with a story. Isn’t that what designers strive for? To sell the experience, not just the features? I think if I was an employer, I’d be more inclined to give a second look to something with a real-world story than a project that ticks the box for the latest JavaScript library (but if you can work both in, great!).

Out of the 3 suggestions you made, the WYSIWYG editor plugin sounds most appealing (to me).

[Author]

Posts