https://github.com/luiizsilverio/codarme-copa

Aplicação desenvolvida durante o Full Stack Challenge da Codar.me
https://github.com/luiizsilverio/codarme-copa

axios codar codarme date-fns formik fullstack-challenge jsonwebtoken koa koajs nodejs phosphoricons planetscale prisma prisma-client react react-toastify react-use tailwindcss vite yup

Last synced: 3 days ago
JSON representation

Aplicação desenvolvida durante o Full Stack Challenge da Codar.me

• Host: GitHub
• URL: https://github.com/luiizsilverio/codarme-copa
• Owner: luiizsilverio
• License: mit
• Created: 2022-10-05T00:45:10.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-09T19:09:22.000Z (over 2 years ago)
• Last Synced: 2024-12-06T12:07:20.301Z (2 months ago)
• Topics: axios, codar, codarme, date-fns, formik, fullstack-challenge, jsonwebtoken, koa, koajs, nodejs, phosphoricons, planetscale, prisma, prisma-client, react, react-toastify, react-use, tailwindcss, vite, yup
• Language: JavaScript
• Homepage: https://copa-api-one.vercel.app
• Size: 1.43 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

  

    

    
COPA 2022

  


## Conteúdo

* [Sobre a aplicação](#sobre-a-aplicação)

* [Tecnologias](#hammer_and_wrench-tecnologias)

* [Iniciando a Aplicação](#car-Iniciando-a-aplicação)

* [Screenshots](#camera_flash-screenshots)

* [Licença](#balance_scale-licença)

* [Contato](#email-contato)

## Sobre a aplicação

Aplicação desenvolvida durante o evento __Full Stack Challenge__, edição Copa 2022, promovido pela Codar.me.


Foram 5 dias de aula, totalizando mais de 11 horas de vídeo, desenvolvendo uma API em Node e um front-end em React.


A aplicação possui um cadastro de usuários, com tela de login e de cadastro.

Ao logar, o sistema entra na Dashboard, que mostra os jogos da Copa realizados no dia informado.


Além disso, permite dar palpites na pontuação dos jogos.


Todos os palpites são armazenados na nuvem, em um banco de dados do [PlanetScale](https://planetscale.com).


Foram feitas algumas melhorias no Front-end, como por exemplo, __Phosphor-Icons__ para exibir ícones, ao invés de arquivo Svg. Além disso, notificações de erro são exibidas utilizando __React-Toastify__.


Ao final da última aula, foi explicado como fazer o deploy da API na Vercel. A aplicação está disponível [aqui](https://copa-api-one.vercel.app).


## :hammer_and_wrench: Tecnologias

* Back-end

  * __Node__ + __Koa__ + __Cors__

  * __Prisma ORM__ para acessar o banco de dados

  * __JsonWebToken__ para autenticação JWT

* Front-end

  * __React + Vite__

  * __TailwindCSS__ para estilização.

  * __Formik / Yup__ para validação de formulários

  * __React-Use__ para Hooks

  * __Date-Fns__ para lidar com datas.

  * __Phosphor-React__ para exibir ícones

  * __React-Toastify__ para exibição de mensagens

  * __Axios__ para acessar a API.




## :car: Iniciando a aplicação

Baixe o repositório com git clone e entre na pasta do projeto.


Renomeie os arquivos _.env.example_ para _.env_ e informe as URLs e o JWT secret.


```bash

$ git clone https://github.com/luiizsilverio/codarme-copa

```

* Back-end

```bash

$ cd api

$ npm install

$ npm run dev

```

* Front-end

```bash

$ cd ..

$ cd web

$ npm install

$ npm run dev

```

## :camera_flash: Screenshots

![](https://github.com/luiizsilverio/codarme-copa/blob/master/web/src/assets/copa.gif)

## :balance_scale: Licença

Este projeto está licenciado sob a [licença MIT](LICENSE).

## :email: Contato

E-mail: [**[email protected]**](mailto:[email protected])