Aplicação desenvolvida durante o workshop Semana Fullstack Master, disponibilizada pela plataforma DevPleno e lecionada pelo mestre em SI e desenvolvedor Tulio Faria. Consiste num sistema de avaliação na qual os clientes podem deixar sua nota de 0 a 5, sobre os estabelecimentos comerciais e, em troca, receber cupons de descontos e vantagens. A aplicação conta com integração à uma Planilha do Google, na qual o dono do estabelecimento pode definir as configurações do cupom de desconto, além de ter a listagem completa dos clientes e suas avaliações.
Layout criado utilizando o Figma. O arquivo pode ser encontrado aqui.
Durante o desenvolvimento do projeto foi preciso instalar
npm install next react react-dom
npm install react react-dom
npm install tailwindcss
npx tailwindcss init
npm install postcss-import
npm install autoprefixer
npm install google-spreadsheet
npm install swr
npm install google-spreadsheet
npm install moment
Para rodar a aplicação na máquina com um servidor local, é necessário apenas o NodeJS e NPM.
npm install
npm run dev
Este projeto pode ser colocado em produção utilizando o Vercel. É necessário criar as variáveis de ambiente para configurar o acesso às planilhas do Google:
SHEET_CLIENT_EMAIL = client email do service credential
SHEET_PRIVATE_KEY = private key do service credential - (As quebras de linha com "\n" contidas nesta chave devem ser removidas e a chave deve ser codificar em base 64)
SHEET_DOC_ID = id da planilha
- NextJS - The React Framework.
- TailwindCSS - A utility-first CSS framework for rapidly building custom designs.
- Figma - Online prototyping tool.
- Google Sheets - Planilhas online do Google
- Wanderson A. Timóteo - wanderson.ga
- Licenciado sob a licença MIT - veja LICENSE para mais informações.
-
Projeto construído durante a Semana Fullstack Master da DevPleno, em julho/2020.
-
Agradecimento ao @tuliofaria por compartilhar conteúdo relevante e com qualidade de ensino.