https://github.com/stealthworm/06-ignite-call

ignite-call
https://github.com/stealthworm/06-ignite-call

Last synced: 7 days ago
JSON representation

ignite-call

• Host: GitHub
• URL: https://github.com/stealthworm/06-ignite-call
• Owner: StealthWorm
• Created: 2023-11-11T15:00:09.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-02-09T15:17:14.000Z (9 months ago)
• Last Synced: 2024-04-15T06:24:31.253Z (7 months ago)
• Language: TypeScript
• Homepage: https://06-ignite-call-stealthworm.vercel.app/
• Size: 540 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
Ignite Call :rocket: 




  

  



Este é o resultado de um estudo FUll Stack aprofundado de React.js, realizado no treinamento Ignite, da Rocketseat.

___

## 💻 Sobre

Esta é uma aplicação que se conecta com o seu calendário do Google e permite que as pessoas façam agendamentos diversos em seu tempo livre.

O projeto é Full Stack, e engloba a criação de um FrontEnd e de um BackEnd. Enquanto o FronEnd trata de toda a parte visual, no BackEnd é feito todo o registro de usuários, de agendamentos, tokens e afins.

O FrontEnd foi criado utilizando um Design System próprio, que criei no módulo anterior do curso. Esse DesignSystem pode ser visto [AQUI](https://andreviapiana.github.io/DesignSystem/)

O BackEnd foi criado em MySQL.

O projeto exige que o usuário crie um usuário e após isso faça login com a sua conta do Google e conceda permissão para acesso ao calendário. Após isso, o usuário deve selecionar os dias em que possuí disponibilidade, bem como os horários livres que possuí. Após isso, o usuário terá acesso ao calendário, onde estará apto a selecionar horários nos dias que bem desejar para agendar as atividades que desejar.

Ao agendar algo como por exemplo uma reunião, ela já irá ser exibida no calendário pessoal do usuário no Google, e a pessoa receberá lembretes em seu e-mail e celular. No calendário do Google será criado automaticamente um link para a reunião no Google Meet.

Ainda foram realizadas otimizações de SEO para melhorar a indexação da página pelos bots.

___

## 🎨 Layout

A capa da página é vista na imagem abaixo:

![Capa](https://user-images.githubusercontent.com/106932234/233644231-bb94a239-bab0-4c7e-87b8-86a8788a4ac1.png)

___

## 🛠 Tecnologias

As seguintes tecnologias foram empregadas na criação deste projeto:

- [ReactJs](https://reactjs.org)

- [TypeScript](https://www.typescriptlang.org/)

- [Stitches](https://www.npmjs.com/package/@stitches/react)

- [Next.js](https://nextjs.org/)

- [Axios](https://axios-http.com/ptbr/docs/intro)

- [Prisma](https://www.prisma.io/)

- [Phosphor Icons](https://phosphoricons.com/)

- [RadixUI](https://www.radix-ui.com/)

- [ESLint](https://eslint.org/)

- [NextAuth](https://next-auth.js.org/)

- [Nookies](https://www.npmjs.com/package/nookies)

- [Zod](https://github.com/colinhacks/zod)

- [React-hook-form](https://react-hook-form.com/)

- [NextSEO](https://github.com/garmeeh/next-seo)

- [GoogleAPIS](https://www.npmjs.com/package/googleapis)

- [Dayjs](https://day.js.org/)

- [TanStack](https://tanstack.com/query/v3/)

___

## 🚀 Como utilizar

Clone o projeto para o local desejado em seu computador.

```bash

$ git clone [email protected]:StealthWorm/06-ignite-call.git

```

___

#### 🚧 Executando o Projeto

```bash

# Navegue até o diretório

$ cd ignite-call

# Instale as dependências necessárias

$ npm install

# Agora inicie o servidor do FrontEnd

$ npm run dev

# O terminal irá exibir o endereço local onde a aplicação está sendo executada. Basta digitar o mesmo endereço em seu navegador preferido. O endereço usado na criação do projeto foi este:

  http://localhost:3000/

```

___

[O resultado FINAL pode ser visto aqui](https://06-ignite-call-self.vercel.app/)

___

Made with ❤️ by Thierry Pitela Santos 👋🏽 [Get in Touch!](https://www.linkedin.com/in/thierry-pitela-santos/)