Skip to content

A sample application showing a basic integration to Paystack

Notifications You must be signed in to change notification settings

lukman-paystack/sample-gift-store

 
 

Repository files navigation

sample-gift-store

A simple application that shows how to integrate Paystack into your VueJS app.

You can try out the live demo of the app.

Project setup

  • Clone the repo
  • Open code in your IDE
  • Install dependencies
npm install
  • For a sample backend, you can also clone this repo. The backend is only available in Node.

Code Structure

  • assets: This contains different gifts images
  • components: There are three components used in this app:
    • Cart: This holds a list of gifts currently available in a fictitious cart.
    • Layout: This sets base structure of the app using two columns. It holds the Cart and Receipt components.
    • Receipt: This contains a from for collecting the customer's detail. It also show the price breakdown of the user's fees
  • data: This contains a JSON file used to populate the Cart component
  • store: This is used to manage state across the Cart and Receipt component

Start the app

  • Open terminal and run command:
npm run serve
  • If you are also using the sample backend, start the node server:
node server.js

About

A sample application showing a basic integration to Paystack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 81.1%
  • JavaScript 13.2%
  • HTML 5.7%