Um sistema inteiro de agendamento da sua forma… quem nunca imaginou isso? Como desenvolvedor, uma das maiores dificuldades é a criação de uma sistema inteiro de agendamento “na mão”, criando inclusive o calendário inteiro e toda a sua lógica…
A fim de consolidar ainda mais meus conhecimentos sendo alinhado com as novas e melhores práticas e tecnologias disponíveis no mundo da tecnologia, desenvolvi uma aplicação FULLSTACK durante o programa de aceleração “Ignite - ReactJS”, promovido pela Rocketseat, onde contruímos um sistema de agendamento completo, utilizando o design system criando anteriormente, integrando-o ao Google Calendar, com deploy do banco de dados em PlanetScale.
- Design System próprio
- Typescript
- ReactJS
- NextJS
- Eslint
- Axios
- react-query
- nookies
- dayjs
- phosphor-react
- next-auth
- next-seo
- docker for db
- googleapis
- prisma
- react-hook-form
- Zod
Você pode visualizar o deploy do sistema em funcionamento, bem como o layout utilizado através dos links abaixo:
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
Segue os comandos para baixar e executar o projeto na sua máquina:
## Clone o projeto em sua máquina
git clone [https://github.com/srsouzaj/](https://github.com/srsouzaj/nlwsetup)06-ignite-call.git
# Acessar o projeto no terminal
$ cd 06-ignite-call
# Instalar as dependências
$ npm install
# Após setar todas as variáveis de ambiente
# executar o servidor em modo de desenvolvimento
$ npm run dev
# CAso queira ver os dados inseriros, executar o seguinte comando
$ npx prisma studio
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com ❤️ por Jorge de Souza