https://github.com/gustavo-victor/credit-card-payment-form
Payment form page with stylized credit card
https://github.com/gustavo-victor/credit-card-payment-form
credit-card-page css html js mobile-first payment-form
Last synced: 3 months ago
JSON representation
Payment form page with stylized credit card
- Host: GitHub
- URL: https://github.com/gustavo-victor/credit-card-payment-form
- Owner: Gustavo-Victor
- License: mit
- Created: 2025-03-04T14:48:47.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-04T19:37:04.000Z (3 months ago)
- Last Synced: 2025-03-04T20:26:29.415Z (3 months ago)
- Topics: credit-card-page, css, html, js, mobile-first, payment-form
- Language: CSS
- Homepage: https://gustavo-victor.github.io/credit-card-payment-form/
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Credit Card Payment Form 💳
✔ Projeto Concluído
## 💻 Visão Geral do Projeto
Este projeto consiste em uma página de formulário de pagamento que exibe um cartão de crédito estilizado. O objetivo é proporcionar uma interface amigável e responsiva para a inserção de dados de pagamento. Clique [aqui](https://gustavo-victor.github.io/credit-card-payment-form/) para conferir o projeto hospedado no Github Pages.
## ⚙ Funcionalidades
- Formulário para inserção de informações de pagamento.
- Visualização em tempo real dos dados inseridos no cartão de crédito estilizado.
## 🛠 Tecnologias e Ferramentas Utilizadas
- HTML: Estruturação do conteúdo da página.
- CSS: Estilização e layout da página.
- JavaScript: Interatividade e manipulação dinâmica dos elementos.
- Mobile First: Abordagem de design que prioriza dispositivos móveis, garantindo responsividade e melhor experiência do usuário em diferentes tamanhos de tela.
- Visual Studio Code (VSCode): Editor de código-fonte utilizado para o desenvolvimento do projeto.
## 🏛 Estrutura do Projeto
- index.html: Arquivo principal contendo a estrutura HTML do formulário.
- style.css: Arquivo de estilos CSS responsável pela aparência e layout da página.
- main.js: Script JavaScript que adiciona interatividade ao formulário e ao cartão de crédito estilizado.
- assets/images/: Pasta contendo as imagens utilizadas no projeto.
## 🚀 Como Executar o Projeto
1. Clone o repositório para o seu ambiente local:
```bash
git clone https://github.com/Gustavo-Victor/credit-card-payment-form.git
```
2. Navegue até o diretório do projeto:
```bash
cd credit-card-payment-form
```
3. Abra o arquivo index.html em seu navegador preferido.
## 👨💻 Autor
- Nome: Gustavo Victor
- Email: [email protected]
- Site: https://gustavo-victor-portfolio.vercel.app/
## Licença
Este projeto está licenciado sob a licença MIT.