Skip to content

Latest commit

 

History

History
executable file
·
93 lines (69 loc) · 4.15 KB

README.md

File metadata and controls

executable file
·
93 lines (69 loc) · 4.15 KB
Raw

Twocents Repo

Frameworks:

Meteor: http://docs.meteor.com/#/basic/

Skeleton CSS: http://getskeleton.com

Less CSS: http://lesscss.org

Sendgrid: https://sendgrid.com

IFTTT: http://ifttt.com

APIs: Stripe, Youtube, Paypal, Sendgrid, IFTTT, Iron Router

MongoDB Hosting: www.mongolab.com

Web Server Hosting: www.modulus.io

Facebook URL Debugger for Sharing: https://developers.facebook.com/tools/debug/og/object/

Twitter Card Debugger for Sharing: https://cards-dev.twitter.com/validator

To run locally: meteor --settings config/test-settings.json

To deploy: npm install -g modulus (first time to install CLI) modulus deploy "Two Cents"

SSL Authentication Must refresh every 30 days with StartSSL!

meteor list will show all packages used.

Directory Hierarchy

The client files are loaded only on the user side. Anything in the public folder is generally used for static files, for now I've put the credit card pngs and the pictures of our faces inside this folder. Finally, we can make a server folder for loading files only on the server side, for now I haven't found a need for this.

Inside config are our API keys, Public Keys are viewable on the client side, while anything outside of the Public section is loaded only on server side.

I did my best to organize the code while writing everything, but it's still very disorganized. Templates in the twocents.html can be put into separate files etc. I will try to organize everything better in the upcoming weeks.

Other than that, good folder structure is outlined in this stackoverflow post, it's unofficial, so take it for a grain of salt: http://stackoverflow.com/questions/10122977/what-are-the-best-practices-for-structuring-a-large-meteor-app-with-many-html-te

Todo List

Implementation

  • Create an HTML Email template
  • Skeleton of how it works section (Quinn)
  • Unsubscribe option?

Style

  • Style and make the Donation page view to look better.
  • Create a better "Finished Form" page other than some text, maybe the form turns into a two cents png and flies up like in our mobile app video (heart, thumbs up, smiley face, check mark)?
  • Find a better color scheme that represents us.
  • Create pngs? Or maybe find someone in InnoD who would be willing to find pngs.
  • By no means is the font and such finalized, feel free to explore any better options and share.
  • Make Icon for tab
  • Brighter, more inviting background for splash page

Outreach

  • Find many nonprofits to connect with and start marketing once site is up and running. (Shyam)
  • Look for nonprofit accelerators (Emily)
  • File for nonprofit (Emily)

Marketing

  • Plan for launch (i.e. initial alpha group, kickstarter, nonprofit marketing, etc.)

Done

  • Finish bank account logistics (Emily)
  • Bump up form reach (Shyam)
  • Meet with Global Brigades (Everyone)
  • Restrict the toolbar to be of a certain width (960px)? The logo and the buttons width are currently maxed out to the page
  • Handle rejection of signup to Stripe if user has already signed up (check against MongoDB)
  • Save user emails into MongoDB, and look into how to review list of emails
  • Notify client side if their email is already signed up.
  • Send users a confirmation email maybe using SendGrid or MailChimp (https://sendgrid.com) (or use THIS: https://gentlenode.com/journal/meteor-20-verify-an-email-with-meteor-accounts/42)
  • Connect twocentsdonations@gmail.com with info@twocentsaday.com
  • Create an email list for everyone who signs up
  • Integrate google analytics
  • Compress background and pictures of us into smaller jpegs (takes too long to load on server)
  • Add a gitignore for files that shouldn't be in the repo
  • Organize the massive twocents.html file into separate html files
  • Move the client javascript into a client/js/twocents.js file
  • Move the server javascript into a server/js/twocents.js file
  • It would definitely help code readability to move Youtube stuff in a youtube.js, stripe payments to a stripeHandler.js file, etc.
  • Fix cutoff form (Maruchi)
  • Paypal integration (Maruchi)
  • Handle all the paypal edge cases like Stripe, send email validation, check existence, etc.