Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jairodoni/ignite-call

Conecte seu calendário e permita que as pessoas marquem agendamentos no seu tempo livre. Esse projeto é um dos desafios da trilha de React do Ignite.
https://github.com/jairodoni/ignite-call

ignite-rocketseat mysql nextjs prisma reactquery stiches typescript

Last synced: about 1 month ago
JSON representation

Conecte seu calendário e permita que as pessoas marquem agendamentos no seu tempo livre. Esse projeto é um dos desafios da trilha de React do Ignite.

Awesome Lists containing this project

README 

        


    ignite-call







  [![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)

  TypeScript

  Next JS

  React Query

  Prisma

  MYSQL

  ESLint

    







  

      Preview  |  

  

  

      Projeto  |  

  

  

      Layout  |  

  

  

      Tecnologias  |  

  

  

      Executando  |  

  

  

      Referências  |  

  

  

      Autor 

  






  






## **✨ Preview**



#### Sistema Online: https://ignite-call.jairodoni.vercel.app







## **💻 Projeto**

Conecte seu calendário e permita que as pessoas marquem agendamentos no seu tempo livre. Esse projeto é um dos desafios da trilha de React do Ignite.







## **🔖 Layout**



Você pode visualizar o layout do projeto no formato através [desse link](https://www.figma.com/file/6rjT1wZxQTf8p9xiDvSqmR/Ignite-Call?type=design&node-id=0%3A1&mode=design&t=kaQiOrdlgPXvGJWy-1). Lembrando que você irá precisar ter uma conta no [Figma](http://figma.com/).



#### **Web**



  

  


  


  

  


  


  

  


  


  

  


  


  

  


  


  

  


  


  

  


  


  








## **💻 Tecnologias**



 #### **Website** ([Next][next])



  - **[Next][next]**

  - **[Typescript][typescript]**

  - **[Next Auth][next_auth]**

  - **[Stitches][stitches]**

  - **[React Query][react_query]**

  - **[React Hook Form][react_hook_form]**

  - **[Prisma][prisma]**

  - **[Planetscale][planetscale]**

  - **[MySQL][mysql]**

  - **[Zod][zod]**

  - **[Design System Ignite][design_system_ignite]**

  - **[ESLint][eslint]**

  - **[Node v18.17.0][node]**



> \* Veja o arquivo [package.json](./package.json)



 #### **Utilitários**

 

 - Editor: **[Visual Studio Code][vscode]** 

 - Markdown: **[StackEdit][stackedit]**, **[Markdown Emoji][markdown_emoji]**







##  **🚀 Como executar o projeto**



### Configurações Iniciais



Primeiro, você precisa ter o [NodeJS](https://nodejs.org/en/download/) instalado na sua máquina. 



Se você estiver utilizando o **Linux**, você pode optar por instalar o **Node** através do gerênciador de versões [nvm] para caso seja nescessario alterar a sua versão do **Node** para uma versão mais antiga ou mais nova.



Você pode optar também por utilizar o **yarn** no lugar do **npm**. Você pode instalar clicando nesse [link][yarn].



Em seguida você precisa executar o banco na sua maquina e criar um arquivo .env com as variaveis que estão no [.env.example.txt](./.env.example.txt), as migrations foram criadas usarndo mysql, então recomendo usar um banco do mesmo tipo.



Depois instale as dependências do **React** contidas nos arquivos `package.json` que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:



```sh

$ npm install



# ou



$ yarn

```



> Veja a parte de **scripts {}** do arquivo [package.json](./package.json) para saber quais scripts estão disponíveis.



### Executando o WebSite



```sh

# Executando o website no modo de desenvolvimento:

$ npm run dev



# ou



# Executando o website no modo de desenvolvimento:

$ yarn dev

```

> Se o browser não abrir automaticamente, acesse:  http://localhost:3000.







## **📚 Referências**



- [Blog Rocketseat](https://blog.rocketseat.com.br/)

- [Next][next]

- [ReactJS](https://reactjs.org/docs/getting-started.html) | [ReactJS pt-BR](https://pt-br.reactjs.org/docs/getting-started.html)

- [Node](https://nodejs.org/en/)







## **👨‍🚀 Autor**





 Jairo Doni Prudente Junior

 


 Jairo Doni Prudente Junior

 



👋 Entre em contato!



[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jairodoni/)](https://www.linkedin.com/in/jairodoni/)

[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])







## **:memo: Licença**



Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.



[rocketseat_site]: https://rocketseat.com.br/



[repository_license_badge]: https://img.shields.io/github/license/JairoDoni/NLW-1.0



[web_react_badge]: https://img.shields.io/badge/web-react-blue



[typescript]: https://www.typescriptlang.org



[react]: https://reactjs.org/



[next]: https://nextjs.org/



[next_auth]: https://next-auth.js.org



[design_system_ignite]: https://github.com/jairodoni/design-system-ignite



[prisma]: https://www.prisma.io



[planetscale]: https://planetscale.com



[mysql]: https://www.mysql.com



[react_query]: https://tanstack.com/query/latest



[react_hook_form]: https://www.react-hook-form.com



[zod]: https://zod.dev



[eslint]: https://eslint.org



[stitches]: https://stitches.dev



[node]: https://nodejs.org/en/



[vscode]: https://code.visualstudio.com/



[react_native]: http://www.reactnative.com/



[stackedit]: https://stackedit.io



[markdown_emoji]: https://gist.github.com/rxaviers/7360908



[react_icons]: https://react-icons.github.io/react-icons/



[typescript]: https://www.typescriptlang.org/



[asdf]: https://github.com/asdf-vm/asdf



[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable



[webpack]: https://webpack.js.org