https://github.com/renovatt/yu-gi-oh

Uma apresentação de todas as cartas do anime Yu-Gi-Oh
https://github.com/renovatt/yu-gi-oh

api nextjs react styled-components typescript yugioh yugioh-api

Last synced: 3 months ago
JSON representation

Uma apresentação de todas as cartas do anime Yu-Gi-Oh

• Host: GitHub
• URL: https://github.com/renovatt/yu-gi-oh
• Owner: renovatt
• License: mit
• Created: 2023-04-26T23:00:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-04T14:44:18.000Z (about 2 years ago)
• Last Synced: 2025-01-08T10:37:37.729Z (5 months ago)
• Topics: api, nextjs, react, styled-components, typescript, yugioh, yugioh-api
• Language: TypeScript
• Homepage: https://yu-gi-oh-cards-renovatt.vercel.app
• Size: 15.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
#



Yu-Gi-Oh
 




Informações das cartas





## Descrição

[Ver Projeto](yu-gi-oh-cards-renovatt.vercel.app)

#### Uma versão melhorada de um dos meus primeiros projetos, feito para fãs do anime e do jogo. Mostrando um pouco da minha evolução, de algo que parecia simples mas foi num projeto como este que aprendi bastante coisa sobre consumos de API's.

#

![screens](./public/screen.png)

#

## _Layout Mobile_

![Mobile 1](./public/mobile-1.png)

![Mobile 2](./public/mobile-2.png)

![Mobile 3](./public/mobile-3.png)

#

## _Layout Web_

![Web 1](./public/web-1.png)

#

![Web 2](./public/web-2.png)

#

![Web 3](./public/web-3.png)

#

## 🛠️ Tecnologias

💻 **Front-end**

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

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

- [Yu-Gi-Oh API](https://ygoprodeck.com/api-guide)

🎨 **Estilização**

- [Styled-Components](https://styled-components.com)

🔋 **Versionamento e Deploy**

- [Git](https://git-scm.com)

- [Vercel](https://vercel.com/)




⚙️ **Configuranções e Instalações**

Clone do Projeto

    $ git clone https://github.com/renovatt/yu-gi-oh.git

Instalando as dependências

    $ npm install

Iniciando o projeto

    $ npm run dev




**Como contribuir?**

- Você pode dar suporte me seguindo aqui no GitHub

- Dando uma estrela no projeto

- Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.




**Autor**

[Wildemberg Renovato de Lima](https://www.linkedin.com/in/renovatt/)