/subscription

Primary LanguageJavaScript

This project was bootstrapped with Create React App.

Steps to run project

git clone project https://github.com/jiangtt18/subscription.
npm install to install all package dependencies.
npm start to run app in the development mode.
open http://localhost:3000 to view it in the browser.

Features

  • The app should display the existing subscription information upon load
  • Changing any of the subscription details (plan or seats) should show the price of the updated subscription
  • The update button should be disabled unless previewing a subscription that is different from the existing subscription.
  • Clicking on the 'Update' button should update the subscription
  • A successful submission should display a confirmation screen showing both the previous and updated subscription details. The updated details that differ from the previous subscription should be highlighted.

Notes

This is a purely frontend project (no backend and database)
Data is mocked through JSON rather than call API end points

Future Directions

Better input Form Validation. Currently input is restricted to non negative number.
Set a max val for seats
Format price in a more readable way.($200,000,000,000)
Enhance CSS (textoverflow...)
Enhance UI/UX by providing better error message + polishing empty state components