/PalpiteBox

Primary LanguageJavaScriptMIT LicenseMIT

PalpiteBox

🚧 PalpiteBox ♻️ Concluído 🥳...👨‍🔧 🚧

feito por License

SobreTecnologiasLayoutComo executarAutorLicença

💻 Sobre o projeto

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.


🛠 Tecnologias

  • 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)

🎨 Layout

O layout da aplicação está disponível no Figma:

palpitebox figma

Uma versão online deste projeto pode ser encontrada em:

https://palpite-box-k62pzbv51-osiasmiranda.vercel.app/


⚙️ Pré-requisitos

  • Você precisa do NodeJS e do NPM instalado em sua máquina.

🚀 Como executar o projeto

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

👨‍💻 Facilitador

Um super thanks 👏 para o professor :
foto perfil Tulio Faria Linkedin Badge criador do treinamento FULLSTACK MASTER

palpitebox FSM palpitebox devpleno


🦸‍♂️ Autor

foto perfil
Osias Miranda
🚀

Feito com ❤️ por Osias Miranda 👋🏽 Entre em contato!

Linkedin Badge Gmail Badge


📝 Licença

License

Este projeto esta sobe a licença MIT.