../projeto

Ignite Call

O Ignite Call Ă© uma aplicação focada na criação de eventos personalizados no calendĂĄrio do usuĂĄrio, onde vocĂȘ cadastra sua disponibilidade em dias e horas e compartilha com as pessoas para marcar reuniĂ”es, que serĂŁo agendadas no Google Agenda.

React.jsNext.jsNext AuthTypescriptZodPrismaAxios
Voltar para projetos

📆 Ignite Call 📆

O Ignite Call Ă© uma aplicação focada na criação de eventos personalizados no calendĂĄrio do usuĂĄrio, onde vocĂȘ cadastra sua disponibilidade em dias e horas e compartilha com as pessoas para marcar reuniĂ”es, que serĂŁo agendadas no Google Agenda.

🚀 Como Executar

Pré-requisitos

Antes de baixar o projeto vocĂȘ vai precisar ter instalado na sua mĂĄquina as seguintes ferramentas:

  • Git
  • NodeJS
  • Yarn ou NPM
  • Para o banco de dados ter o MySQL ou Docker para baixar a imagem do banco.
  • AlĂ©m disto Ă© bom ter um editor para trabalhar com o cĂłdigo como [VSCode](https://code.visualstudio.com/)

Clonando e Executando

Passo a passo para clonar e executar a aplicação na sua måquina:

# Clone este repositĂłrio
⁠
⁠$ git clone https://github.com/Victtor-777/Ignite_Call.git
⁠
⁠# Acesse a pasta do projeto no terminal
⁠$ cd ignite-call
⁠
⁠# Instale as dependĂȘncias
⁠$ npm install
⁠
⁠# Crie uma arquivo .env e preencha conforme apresentado no arquivo .env.example
⁠
⁠# Executar seu banco de dados
⁠
⁠# Executar o seguinte comando para criar as migrations no banco
⁠$ npx prisma migrate de
⁠
⁠# Execute a aplicação em modo de desenvolvimento
⁠$ npm run dev
⁠
⁠# A aplicação inciarå em alguma porta disponível que poderå ser acessada pelo navegador

🚀 Tecnologias

📝 ConsideraçÔes

Este projeto serviu de base para reforçar os conhecimentos no framework NextJs, junto ao conceitos de API Routes, påginas SSG e SSR. Além disso, a aplicação possui conectividade com o GoogleAPIs, podendo marcar agendamentos no Google Calendar, além de gerar salas no Google Meet para as reuniÔes automaticamente.

Home

imagem da sessĂŁo Home

Criar Conta

imagem da sessĂŁo Criar Conta

Conectar Google Agenda

imagem da sessĂŁo Conectar Google Agenda

Escolhendo Disponibilidades

imagem da sessĂŁo Escolhendo Disponibilidades

Atualizando Perfil

imagem da sessĂŁo Atualizando Perfil

Escolhendo a Data

imagem da sessĂŁo Escolhendo a Data

Descrição do Compromisso

imagem da sessão Descrição do Compromisso

Confirmação no Google Agenda

imagem da sessão Confirmação no Google Agenda