parent
5b9ca6cfec
commit
8b53b7810a
@ -0,0 +1,72 @@
|
||||
# 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:
|
||||
|
||||
- http://www.putnamvalley.com/
|
||||
- http://www.weehawken-nj.us/
|
||||
|
||||
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)
|
||||
Loading…
Reference in new issue