Final Project

Photo by Clark Tibbs on Unsplash

Goals

Create a project on the web that

  • combines multiple skills and technologies we’ve learned this semester
  • follows the best practices we’ve covered for those technologies
  • stretches you 15-20% past what we’ve already covered / what you know you can accomplish for sure
  • includes a brief (450-750 word) critical reflection on what you built and what you learned from building it
  • you can’t wait to show off to others

Project Menu

Choose one of the following for the final project:

Choose your own adventure

Have a great idea that doesn’t fit one of the options below? Go for it! Just make sure to discuss the idea with me as soon as possible so that we can make sure it’ll satisfy the goals of this project.

Publication-style CMS Mastery

Learn to wield WordPress like a pro.

Create a new WordPress installation. Pick out a theme. Populate the site with meaningful content. But most importantly: get to know WordPress inside and out. Leverage plugins to add new functionality. Master menus, categories, templates, and even users. Bring it all together to create a beautiful publication.

WordPress feature links:

Fun WordPress tutorials:

Speculative Redesign

Choose a site you know well, and build it better.

Reorganize the content, add new features, update the visual design, but above all else, make informed choices that actually (or at least arguably) improve the experience of using the site.

Freelance / friends and family project

Have a friend who’s an amazing author but doesn’t have a place on the web to showcase her work? A family member who runs a business but whose website looks like it was last updated before you were born? Build them a brand new site!

Make it beautiful and functional, and probably make it with WordPress so that they can maintain and update it after you hand it off. This project will also present an opportunity to try your hand at user research and at client communication.

Advanced JavaScript

Go deeper with JavaScript. You might:

  • Complete five NEW projects at javascript30.com and modify them substantially to make them unique (if you choose this project, you’ll have to make some meaningful changes to the JS itself and present it in a compelling way!)
  • Build something cool with an API like GIPHY‘s or OpenWeatherMap
  • Combine a few Codrops tutorials to build something amazing

Grading (25 points total)

Upload your work to mysite.com/nmc/web/final-project.

Project proposal (0 points / -2 points)

The project proposal will be submitted via this Google Form. If your proposal clearly defines the project you’re considering, you earn 0 points. If your proposal fails to convey a sense of preparation and consideration, you will lose up to two points off your final grade.

Final project (20 points)

The entire final project will be graded qualitatively with an eye specifically toward the project goals. The correct posture for this project is not “What do I need to do?” but rather “How awesome can I make it?”

Specifically, I’ll be looking for thoughtful selection and use of the skills and technologies we’ve learned, designs that follow best practices we’ve covered, independent learnings integrated into the project, and a clear commitment to quality, polished work.

Critical Reflection (2.5 points)

The reflection should be posted to your portfolio, either as a part of your Web Dev course page or as its own subpage. It may also be posted on your final project site itself in a subtle (but clearly discoverable) link in a menu or footer. You’ll submit a link to wherever it lives on the form you use to turn in your final project (see below). It’s also your best chance to guide me through your project make sure I see and understand the amazing work you’ve done.

In roughly 450 to 600 words, walk me through what you built, what you learned from doing so, the challenges you faced, and the things you’re particularly proud of. Make liberal use of screen captures, code samples, and of course, quality, well-edited prose. As always, be as specific and detailed as possible. This is your opportunity to craft a well-supported argument for the grade you think you deserve.

Note: Screenshots are important here, including “work in progress” shots! For example, if you are doing a speculative redesign, show us the original site so we can see how you improved the site design. If you are proud of your custom CSS show us a before and after shot of what the website looked like before you customized it.

Presentations (2.5 points)

  • Plan on approximately 2-3 minutes for your presentation.
  • The goal is not to give a comprehensive tour of every single part of your site. Instead, aim for the following breakdown:
    • A brief (10-20 second) refresher on topic / goals of your site
    • 60-120 seconds giving a guided tour of a few (2-4) highlights from your site. These could be design features you’re proud of, tricky technical challenges you overcame, ways you served client needs, etc.
    • 30-60 seconds or so reflecting on learnings from this project. Focus on transferable learning (skills, habits, etc. you developed) instead of specific technical achievements (I learned how to build this specific layout, etc.). Feel free to include some general reflections on learnings from the course, as well.
  • This isn’t a public speaking course, so don’t feel stressed out about memorizing what you’re going to say word-for-word. However, do rehearse a couple of times (even three times through will take only 10 minutes!).