Yurp Web Development

Purpose

This website is a membership site that allows users to view entertainment and activity venues in Oklahoma City. Users can purchase a membership using the Stripe eCommerce interface

Features

  • eCommerce payment system allowing users to make an on-line purchase with their credit card
  • Responsive design apparent when rendering on mobile device
  • While on a mobile device, a hamburger menu appears in the upper left-hand corner, pressing it displays menu options
yurp website homepage image

APIs used

  • Stripe eCommerce interface
  • FancyBox
  • Un-Semantic Responsive

Languages

  • JavaScript
  • jQuery
  • PHP
  • HTML5
  • CSS3

What I Did

  • Wrote all the programming for the eCommerce using the Stripe interface. This allows customers to register by filling out a contact form whose information is verified. Then the customer enters their credit card information. If funds are available on the credit card, funds are deposited into admin back account to complete the membership payment processing. The customer and admin receives an email verifying the purchase.
  • Consolidated the headers and footers from the respective HTML/PHP files to be required in multiple files
  • Implemented and tested the Un-Semantic responsive code to verify the website renders on both desktop and mobile devices

Screen Shot:  "charge.php"

Challenges

  • payment was not being accepted

Solution

  • path for the "config.php" was incorrect.   After troubshooting this issue,  the charges were taken from the credit card.
yurp php file screen shot of code for taking payments

Screen Shot:   "config.php"

Information

  • This "config.php" file contains the publishable and secret API keys.
  • Note the respective test API keys only used in test mode.
yurp php file screen shot of code for taking payments

Screen Shot:  Stripe payment page

  • At this point, user has filled out the registration form and agreeed to the terms of service.
  • This is the Stripe API accepting $50 for the membership, user enters their email and credit card info then selects the "Pay $50" to accept their payment
yurp php file screen shot of code for taking payments