Sobre • Tecnologias • Layout • Como executar • Autor • Licença
PalpiteBox- É uma aplicação versátil que une as vantagens do NextJS com uma integração simples e poderosa com o Google Spreadsheets. Este projeto aborda tanto a camada backend, com uso de Variáveis de Sistema (DotEnv), conceitos de POST/GET, manipulação de datas com o MomentJS; entre outros. Já na camada FrontEnd, desfrutará de todo o potencial do ReactJS com o uso de hooks. Também é abordado o SWR para uma experiência real-time e importantes conceitos do mundo web, além de como criar um layout personalizável com o uso do TailwindCSS.
Projeto desenvolvido no treinamento FULLSTACK MASTER oferecido pelo professor Tulio Faria DevPleno.
- HTML 5 / CSS3
- Formulários
- Figma
- Funcionamento de Request/Response
- Javascritp:
- Variáveis
- Funções
- High Order Functions
- Assincronismo
- ReactJS 17
- TailwindCSS v2
- CSS Modules
- Componentização
- Google-spredsheet
- Git
- Github
- SWR
- Funcionamento de Api
- Manipulação de datas com MomentJS
- Experiência em Produção(Deploy)
O layout da aplicação está disponível no Figma:
Uma versão online deste projeto pode ser encontrada em:
https://palpite-box-k62pzbv51-osiasmiranda.vercel.app/
- Você precisa do NodeJS e do NPM instalado em sua máquina.
Este projeto pode ser colocado em produção utilizando o Vercel. É necessário criar as variáveis de ambiente para configurar o acesso as planilhas do Google:
# Clone este repositório
https://github.com/osiasmiranda/PalpiteBox.git
# Instale as dependências
$ npm install
#Execute a aplicação em modo de desenvolvimento
$ npm run dev
#configurar o acesso as planilhas do Google:
SHEET_CLIENT_EMAIL=client email do service credential
SHEET_PRIVATE_KEY=private key do service credential - lembrar de
substituir \n por quebras de linha e de codificar em base 64
SHEET_DOC_ID=id da planilha
# O projeto inciará na porta:3000 - acesse http://localhost:3000
Um super thanks 👏 para o professor :
Tulio Faria criador do treinamento FULLSTACK MASTER
Osias Miranda 🚀
Feito com ❤️ por Osias Miranda 👋🏽 Entre em contato!
Este projeto esta sobe a licença MIT.