Create Code guidelines

[Neha]

1. component definition export default function <function_name> () { ... }

2. CSS classes

• We are using tailwind
• Prefer external CSS over inline CSS
• Optimize the style wherever possible

3. Accessibility

• Accessibility is an essential aspect of the project. Use semantic code over non-semantic code
• Use semantic HTML tag over DIV
• Make sure Keyboard support is there

4. Naming convention

• Use a clear name
• For variables use camelCase
• For functions/methods use camelCase and should start with a verb. Eg: getFeatureFlags
• For constants, use uppercase and break long words by underscore (_)

5. Constants

• No hardcoding of the content should be within the components
• Move all the content to constants
• Create a separate object for every module in constant
• For constants, use uppercase and break long words by underscore (_)

6. colour names

• Use hexacode and colour name

7. test-cases

• Always write test-cases (unit test-cases)