Compare commits
No commits in common. 'patch-1' and 'master' have entirely different histories.
@ -1,72 +0,0 @@
|
|||||||
# 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)
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Introduction to Rails
|
|
||||||
|
|
||||||
Watch this [video](https://www.youtube.com/watch?v=FDQWxrLr7fI&index=1&list=PLw1xVKFbouel7ClCGvszVmoDHjsIlwjf-) about Rails.
|
|
||||||
|
|
||||||
Follow along with the video (or do it after you watch - whatever is your preferred style) and do the following:
|
|
||||||
|
|
||||||
1. Create a new rails application, hooked up to a postgres database.
|
|
||||||
2. Use the command line to createa new model.
|
|
||||||
3. Locate and update the migration file for your new model.
|
|
||||||
4. Run a migration, adding the appropriate table to your database.
|
|
||||||
5. Use the rails console and CRUD models.
|
|
||||||
|
|
||||||
COMMIT
|
|
||||||
Loading…
Reference in new issue