Skip to content
Submitted over 2 years ago

Responsive interactive card details form using React and Typescript

react, tailwind-css, typescript, vite
Sounak Mukherjee•560
@kanuos
A solution to the Interactive card details form challenge
Preview (opens in new tab)Code (opens in new tab)

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 :)

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Sounak Mukherjee's solution.

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