https://github.com/igorviniciussantana/boracodar-productcard

Product Card desenvolvido no projeto semanal do #boraCodar da Rocketseat.
https://github.com/igorviniciussantana/boracodar-productcard

boracodar rocketseat

Last synced: about 2 months ago
JSON representation

Product Card desenvolvido no projeto semanal do #boraCodar da Rocketseat.

• Host: GitHub
• URL: https://github.com/igorviniciussantana/boracodar-productcard
• Owner: igorviniciussantana
• Created: 2023-01-12T12:18:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-17T12:21:53.000Z (over 2 years ago)
• Last Synced: 2025-01-29T16:12:30.898Z (4 months ago)
• Topics: boracodar, rocketseat
• Language: TypeScript
• Homepage: https://boracodar-productcard.vercel.app
• Size: 6.05 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![bannerProductCard](https://user-images.githubusercontent.com/86114583/212896907-d370ea27-a3a4-425a-8bc6-46e55fd2ff5f.png)

Product Card - #boraCodar


 Esse projeto foi desenvolvido durante o segundo desafio semanal da Rocketseat, chamado #boraCodar. O projeto foi desenvolvido em NextJS , o principal framework React da atualidade. As funcionalidades estão expostas abaixo.


- [Acessar Desafio](https://boracodar.dev)

## 👷‍♂️ - Funcionalidades Desenvolvidas

- [x] Animação e Manipulação 3D

- [X] Responsividade

## 🛠 - Tecnologias

![NextJS](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)

![ThreeJS](https://img.shields.io/badge/ThreeJs-black?style=for-the-badge&logo=three.js&logoColor=white)

![Styled-Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

![SASS](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

🎨 - Protótipo


Acesse o protótipo disponibilizado pela Rocketseat clicando no botão abaixo:

![Figma](https://img.shields.io/badge/Acessar%20Protótipo-2A2141?style=for-the-badge&logo=figma&logoColor=white)

🔗 - Deploy


Acesse o projeto em produção clicando no botão abaixo:

![Vercel](https://img.shields.io/badge/Deploy-000000?style=for-the-badge&logo=vercel&logoColor=white)

 ✔ - Requisitos


Para rodar o projeto na sua máquina é necessário:

- Editor de Códigos(como VS Code)

- Git

- NodeJS

- Navegador

 🖥 - Rodando Localmente


Primeiro clone o projeto na sua máquina

```bash

git clone https://github.com/igorviniciussantana/boracodar-productcard.git

cd boracodar-productcard

```

Instale as dependências

```bash

npm install

ou

yarn

```

Rodando o Projeto

```bash

npm run dev

```

## 👤 - Autor

  

    
Igor Vinicius

⠀⠀