Appointment Scheduling Refactoring to React

[snehabagri]

Hi,

The new react piece of code will have styles written as below:

• SCSS (preprocessor)

  1. Will have a common file to define all common properties like primary color, secondary color, font type etc. We can use css var to define constants in this common properties file eg:

  $primary-color:  var(--primary-color); //using css var
  
  :root {
      --primary-color:  #61dafb; //css var
    }
  

  2. Each component will have their own scss files for styles. Things like width, height of component like button will be constants and will be defined inside style of these components

• CSS Modules (To ensure class names are unique)

@angshuonline @binduak Let me know any concerns/suggestions.