Esse projeto é uma aplicação web de agendamento desenvolvida em Next.js e TypeScript que permite aos usuários criar e gerenciar suas agendas. Ele oferece recursos como registro de usuário, gerenciamento de perfil, conexão com o Google Agenda e criação de eventos de agendamento.
O aplicativo tem como objetivo simplificar o processo de administração de agendas e garantir que os usuários tenham uma maneira eficiente e organizada de administrar seu tempo. Sua proposta de valor está na integração perfeita com o Google Agenda, na interface amigável e na funcionalidade robusta de agendamento e gerenciamento de disponibilidade.
🏷 Reserve seu nome de usuário para mais tarde
📅 Sincronize facilmente sua agenda com a integração do Google Agenda
👥 Personalize sua experiência com um fácil registro de usuário e gerenciamento de perfil
➕ Crie eventos de agendamento sem conflitos e adicione-os ao seu Google Agenda
🔗 Compartilhe seu link e veja os eventos aparecerem diretamente no seu calendário.
ignite-call.mp4
O layout da aplicação foi projetado pela Rocketseat e está disponível no Figma.
As seguintes ferramentas foram usadas para desenvolver esse projeto:
* Confira o arquivo package.json
Antes de você começar, certifique-se que você tem as seguintes ferramentas instaladas na sua máquina: Git, Node.js. Também é bom ter um editor para trabalhar com o código, como o VSCode.
- Clone o repositório:
git clone https://github.com/guipmdev/ignite-call/- Mude para o diretório do projeto:
cd ignite-call- Instale as dependências:
npm install-
Crie um banco de dados SQL e anote os detalhes de conexão
- Pode ser um banco de dados local, remoto ou até mesmo um contêiner Docker
-
Acesse o Google Cloud Console, crie um projeto, ative a API do Google Calendar e, em Credenciais, crie um ID de cliente OAuth 2.0, configure a tela de autorização e obtenha o Client ID e o Secret.
-
Gere uma secret key segura para o NextAuth.js
- Se você estiver em um sistema UNIX, é possível usar o comando
openssl rand -base64 32para gerar essa chave.
- Se você estiver em um sistema UNIX, é possível usar o comando
-
Renomeie o arquivo
.env.examplepara.enve insira as informações necessárias:
mv .env.example .env- Gere as migrações, se necessário:
npx prisma migrate dev- Envie as migrações para o banco de dados:
npx prisma db push- Inicie a aplicação web:
npm run dev- Acesse http://localhost:3000/ para visualizar a aplicação
Este projeto está licenciado de acordo com os termos da licença MIT. Consulte o arquivo LICENSE para mais informações.
- Muito obrigado à Rocketseat pelo layout e pelas dicas de como montar este projeto
Feito com 💙 por @guipm.dev - Fique à vontade para entrar em contato comigo!