Our cashless tipping web-app! Through Tipper, service providers such as waiters, are able to be tipped directly in to their bank accounts. Upon scanning a QR Code linked to the service provider's registered Tipper account, the tippee can complete a payment authenticated by Stripe.
🏠 Homepage
In order to use this repo and run it locally, you will need to do the following:
- Clone the repo from gitHub on your local machine
$ https://github.com/Tipper-final-project- Install Packages & Dependencies This project uses node version v20.6.1 and npm version 9.8.1 Go check them out if you don't have them locally installed. You can run the command below to install all the necessary packages.
$ npm installYou will need to create the necessary environment variables in the top level of your folder
Please create the files:
- .env
- .env.local
Inside the .env file, add these 2 variables:
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=see .env.example for reference
Inside the .env.local file, add the following variable:
NEXT_PUBLIC_SECRET=You can now run the project:
$ npm run devFirstly, you will need to register an account and fill in the required fields.
You will be taken to the payment page after scanning the QR Code. When filling in the payment form, use the long card number 4242 4242 4242 4242.
- Use a valid future date, such as 12/75.
- Use any three-digit CVC (four digits for American Express cards).
- Use any value you like for other form fields i.e. test@pay.co.uk
To check confirmation of Stripe payments:
- Go to Payments
- Toggle on Test Mode
- Select All Payments
- Github: Merin Yilmaz
- Github: Anna van Ruiten
- Github: Amir Rashidinia
- Github: Langa Lee
- Github: Oghenevwegba Nabofa
- Github: Gyozo Vancsura (Victor)
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
Give a ⭐️ if this project helped you!