Palpite Box App Window
"Palpite Box" was developed during the Fullstack Master Week, a workshop offered by DevPleno and taught by Tulio Faria.
The application consists of an 'opinion box' ('Palpite Box' in Portuguese), where customers can make evaluations about an establishment and receive a discount coupon in exchange!
The app is connected to a Google Spreadsheet, which works as a database, where the business owner can activate/deactivate a discount, change the discount message, and manage received suggestions/coupons generated.
This is a very affordable, interesting, and easy to use software that can make your establishment more appealing, while attracting more customers.
- React
- NextJS
- Node
- npm
- Tailwind CSS
- Google Spreadsheets
- First, you need NodeJS and NPM installed on your machine. After that, you can go ahead and run the following:
npm install
npm run dev
- In order to run the application properly, you need to create the environment variables to configure access to Google Spreadsheets.
SHEET_CLIENT_EMAIL=<client email from service credential>
SHEET_PRIVATE_KEY=<service credential private key>
SHEET_DOC_ID=<sheet id>
-
The App was deployed using Vercel, a cloud platform for static sites and Serverless Functions. You can access the app through the link right below:
-
The React Hook Form library was used to validate all inputs, making them required, creating patterns, setting minimum/maximum lenght, and other specifications.
-
The Email Validator library was used together with React Hook Form library to validate the Email entry, requiring a valid email address.
MIT License
Copyright © [2020] [Patricia Canuto Vieira da Costa]
- LinkedIn - Patricia Costa