Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Card Details Form

@murilonicemento

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Este projeto consiste em um formulário de cartão de crédito desenvolvido em React. Ele oferece uma interface amigável para coletar informações de cartão de crédito de usuários, incluindo número do cartão, data de validade, nome do titular do cartão e código de segurança.

Para executar este projeto, você precisará ter o Node.js instalado em seu computador.

Para executar o projeto, siga as instruções abaixo:

  1. Clone o repositório:
git clone https://github.com/murilonicemento/interactive-card-details-form.git
  1. Instale as dependências:
cd interactive-card-details-form
npm install
  1. Inicie o servidor de desenvolvimento:
npm start

O servidor de desenvolvimento será iniciado e o projeto estará disponível em http://localhost:3000.

Se você deseja contribuir para o projeto, siga as instruções abaixo:

  1. Faça um fork do repositório:

  2. Clone o repositório forkado:

git clone https://github.com/murilonicemento/interactive-card-details-form.git
  1. Crie uma branch para a sua contribuição:
git checkout -b minha-contribuicao
  1. Faça as alterações desejadas e faça commit das suas alterações:
git add .
git commit -m "Minha contribuição"
  1. Faça um push das suas alterações para o repositório forkado:
git push origin minha-contribuicao
  1. Abra um pull request no repositório original.

Este projeto é licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord