You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

3.1 KiB

Final Projects

Outline

Build three projects from the following four options

  • Ruby on Rails CRUD App
  • MEAN Stack App
  • Portfolio Site
  • Site Redo

Once the three are complete, choose one of them to expand and make AMAAAAZIIIING. This will be the site that you show off to employers, so really throw yourself into it.

Requirements

Ruby on Rails CRUD App

Create a traditional server side CRUD application, similar to a Checklist or Todo app

  • Deploy to Heroku
  • Index page has a link to the new page
  • New page contains a form for creating a new item. Submits to create page
  • Create page just updates the DB and redirects back to the index page
  • Index page has links to all the items' show pages
  • Show page shows information about a specific item
  • Show page contains a link to the item's edit page
  • Edit page allows you to edit information for that item and submit to update page
  • Update page just updates the DB and redirects back to show page for that item
  • Show page contains a form which submits to the delete page
  • Delete page just updates the DB and redirects back to the index page

MEAN Stack App

Create a single page application, similar to a Checklist or Todo app

  • Deploy to Heroku
  • Items should contain a name and at least one other property
  • Application initially contains a list of item names currently in the DB
  • Application initially contains a form for creating a new item
  • Upon submission, the form creates the item in the DB. Application automatically updates to show new item name in the list of item names
  • Clicking on an item name in the list of item names displays an information panel for the item, which shows all info about the item
  • The information panel contains a delete button which deletes the item from the DB. Application automatically updates the list of item names
  • Clicking on information about the item in the info panel converts that information into an editable field
  • Changing the value of an editable field in the info panel updates the DB and converts the editable field back into static information

Portfolio Site

Create a site that shows off your work

  • Deployed to github pages
  • Contains a list of your current projects
  • Contains your resume
  • Contains your bio
  • Contains a list of links to various sites in the tech world that you follow
  • Contains a link to your github profile
  • Contains a link to your linkedin account
  • Must be functional for all screen sizes (responsive)

Site Redo

Find the web site of a company/entity in your town/local area that sucks and redo a page of it. Pro tip: local government and small mom/pop shops are almost always ripe for redesign! Once you graduate, you can go the company/entity and show them the site. Maybe they'll hire you to finish it!

Good examples:

Requirements:

  • Deployed to github pages
  • Must be functional for all screen sizes (responsive)
  • For mobile and tablet, create a different navigational system that is easy to use on small devices (http://www.bmo.com/main/personal has a good one)