Skip to content

PaystackOSS/sample-gift-store

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

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

Contributors 4

  •  
  •  
  •  
  •