reach_for_a_peach.md

reach for a peach

http://trentrichardson.com/examples/timepicker

Font

https://www.google.com/fonts/specimen/Raleway

Thin 100
Extra-Light 200
Light 300
Normal 400
Medium 500
Semi-Bold 600
Bold 700
Extra-Bold 800
Ultra-Bold 900

Color Pallette

green #5b9b47
taupe #655c39
peach #ff6633
turquoise #afeeee

---

Header (for all)

• font Raleway SemiBold
• taupe #655c39
• font-size 65px

===

Footer (for all)

Built By DevPrep

• font Raleway
• taupe #655c39
• font-size 14px

---

landing page

Sign In

• User signs in using Devise
• font Raleway Bold
• taupe #655c39
• font-size 24px

===

Get Started

• Links to peaches/new
• if User is not currently signed in Ask User to sign in
• if User is not currently signed up Ask User to sign up
• if User is signed in Sign-in button should say current User's name
• font Raleway SemiBold
• green #5b9b47
• font-size 24px

===

Sign Up

• User signs up using Devise
• font Raleway Bold
• taupe #655c39
• font-size 24px

===

Get a Job | 5 days left

• unclickable button
• font Raleway SemiBold
• taupe #655c39
• font-size 18px

===

Directions

Reach your goals & Track your Progress (font-size 20px; font Raleway Bold; taupe #655c39)

• Create a Goal
• Set a deadline
• Organize your goals
• Track your progress
• (font-size 18px; font Raleway SemiBold; green #5b9b47)

===

Run L.A. Marathon

• unclickable button
• font Raleway SemiBold
• taupe #655c39
• font-size 18px

---

peaches/new

"Name of your Goal" field

@peach.name

• font Raleway SemiBold
• green #5b9b47
• font-size 18px

===

"Deadline" field

@peach.deadline

• Add a popup calendar so the User can pick their completion date
  gem 'jquery_datepicker', '~>0.4'
  https://github.com/albertopg/jquery_datepicker
  http://trentrichardson.com/examples/timepicker
• convert completion date to "days left"
• font Raleway SemiBold
• green #5b9b47
• font-size 18px

===

Submit Button

Creates @peach.name && @peach.deadline and adds them to the Peach model in the database

• button background-color green #5b9b47
• font Raleway SemiBold
• font-size 18px
• font-color #fff

---

peaches/:id/show

Peach

Float over the peach
@peach.name
@peach.deadline (completion date / days left)

===

Edit Button

• redirects to peaches/edit page

===

Delete Button

• soft delete the user
• redirects to peaches/inactive_user page

https://speakerdeck.com/claudiob