Desktop view | Mobile view |
---|---|
Based on the design sketches, developed a mini-webpage-wareframe for picking the best plan using React.js (real calculations TBA).
- Using the
switch
, you can pick if you want to have one zone or two zones plan. - If two zones plan picked, you can use
progress bar
to select the distribution. - There are some
fields of the input
to add average monthly fees/usage from previous months and pick the type of fee/usage. - After the
submit button
is clicked it picked the best plan based on the previous selected and added data (real calculations TBA, for now it picks the first plan by default). - If the best plan was picked before, it is shown even after the page refresh.
- Add real calculations;
- Fix responsive desgin:
- Remove duplicatd elements;
- Add all mobile fields.
- npm install
- npm start
- React.js v18.2.0
- styled-components v5.3.5
- sass v1.54.4"