GithubHelp home page GithubHelp logo

edance / gram-gram Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 1.0 5.61 MB

๐Ÿ“ธ ๐Ÿ’Œ Send your Instagram pictures to your Grandma

Home Page: https://www.gramgram.app

License: GNU General Public License v3.0

Ruby 33.67% JavaScript 6.85% HTML 37.60% Shell 0.21% SCSS 21.68%
grandma instagram lob mail photography rails

gram-gram's People

Contributors

dependabot[bot] avatar edance avatar timkjones avatar zjrosen1 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

zjrosen1

gram-gram's Issues

Update homepage

Update UI to have better CTA
Add goals for users who make it to sign up

Logout shows me an error page

Clicking logout from the header takes me to the heroku error page

Screen Shot 2019-12-01 at 4 23 32 PM

When manually navigating to gramgram.app, it then auto-logs me back in and directs me to /photos. Pretty sure I wasn't actually logged out.

Speed up IG photo loading

If there's time, I think it's worth investigating this. Let's review some other apps that load IG photos for inspiration.

Stripe error handling

Stripe returns a pretty verbose response from Stripe::Charge.create (docs). Right now, we just always set flash[:notice] to a sucess message in Builder#update_payment regardless of the response from create_charge. We should parse the response and set an error message if the payment fails, even if we only support 2 states (success & failure) for V1.

Wrap up Facebook approval process

We started the process, but I haven't received any confirmation that we're good to go. We need to make sure this is squared away before launching.

Create a Logo

This is required for:

  • instagram auth (currently just Bill Murray's face)

Landing page CTA button colors should be darker

Not sure if darker is the word, maybe less transparent. This is just my opinion, but I don't think the CTA button colors are prominent enough. Any changes should apply to the CTA at the bottom of the page too.

Screen Shot 2019-12-01 at 4 34 58 PM

Add metadata to stripe charges

We need to add user and postcard metadata to stripe charges so we can more easily debug from the stripe dashboard. This will be easy to do in payments#charge once the checkout flow is hooked up and postcard and current_user are accessible from this action.

Add sharing ability

  • Add meta description
  • Add gif for how it works
  • Add og image and other open graph tags
  • Add share buttons to homepage
  • Add share buttons to success screen

Verify that invalid credit cards are handled properly

I think I did this already, but worth one more pass on prod to see if this is handled properly. Main concern is that we'd ship postcards for invalid credit cards and someone exploits this with no guardrails in place.

Change caption in landing page sample photo

Screen Shot 2019-12-01 at 4 37 24 PM

I really like the photo and font, but I think if you were to send this to your grandma out of the blue you would say something different. Maybe something like Had a beautiful hike at Sonoma State Park last weekend! I'll call you next week! -Evan

It's your picture so feel free to disagree or propose something different @edance

Launch Day Plan

Need a Launch Day Plan in place that includes things like:

  1. Where are we posting? When? How?
  2. Copy for where we'll be posting.

Show error message when charge request returns 400

On the payments screen, a failed payment will return a 400 response. Right now there are no additional details returned, although Stripe's API could provide this if we think it's investing in later.

We should show some error message on the payments form when this happens. Right now I'm just showing an annoying alert() in this case.

See payment.html.erb.

Confirmation screen after payment

We should have some very minimal confirmation screen following a payment that lets users know that their photo was successfully processed and is on the way. Maybe show:

  1. Photo preview
  2. Recipient name & address
  3. Expected delivery date
  4. Prompt to Tweet.

Mail test postcard

We need to mail a sample postcard and make sure it looks legit before launching. This should probably include not just us, but 5-10 friends using it and sending their own test postcards, going through the flow themselves. We can refund them in the stripe dashboard.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.