Skip to content
Submitted over 1 year ago

Responsive interactive card details form using React and Typescript

Sounak Mukherjee•560
@kanuos
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

This is my solution to the interactive card details form. Even though this was a junior problem, running unit tests made the project duration lengthier.

Tech stack

  1. React - UI library
  2. Tailwind - Styling library
  3. TypeScript - type checking and safety
  4. Zod - validation library
  5. Vitest - testing library
  6. FontSource - font library

Tools used

  • Git - SVN
  • Vite - build tool
  • GitHub - code repository
  • Netlify - deloyment
  • Chrome + Firefox - manual testing
  • VS Code - code editor

Any feedback/suggestion is welcome. Happy coding :)

Community feedback

Please log in to post a comment

Log in with GitHub

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