A Next JS (Reat) App using Tailwing, Deployed to Vercel
Instructions:
Picker Page:
Build one responsive main (picker) page, that fetches his data from any server (mock it) and dynamically builds the page using
the data.
Each plan should contains : intervalValue, intervalType, price, title, description (3 plans (6 months, 1 year, 2 years) )
Checkout Page:
After the user hits ‘Review and Checkout’ button it will be transferred to another page where he needed to insert the following
details:
First Name, Last Name, CreditCard number, CreditCard Expiry date, CreditCard CVV
Confirmation Page:
After the user has done inserting all of those data, and hits ‘Buy now’ button redirect him to a confirmation page that contains all
of the details of this purchase
Quick preview to the pages from the app:
Picker Page:
- Desktop:
- Mobile:
Checkout Page:
- Desktop:
- Mobile:
Confirmation Page:
-Dektop:
- Mobile:
