Skip to content

Vidmapps/ignitis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ignitis pick a plan wareframe

Desktop view Mobile view
image image

About The Project

Based on the design sketches, developed a mini-webpage-wareframe for picking the best plan using React.js (real calculations TBA).

Functions

  • 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.

In progress

  • Add real calculations;
  • Fix responsive desgin:
    • Remove duplicatd elements;
    • Add all mobile fields.

Installation

  • npm install
  • npm start

Built With

  • React.js v18.2.0
  • styled-components v5.3.5
  • sass v1.54.4"

About

React.js - skill test, responsiveness

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published