Evaluation criteria for applications

Naming Conventions

• Class Naming Format — The class naming format should follow the Client-First guidelines.
• Logical Class Naming — It is essential to have the correct format, but equally important for class names to be meaningful and convey the purpose or information of the element.
• Interaction Naming — Interactions should be named according to the recommended Client-First format. It should provide information and context about the interaction.

Layout & Structure

• Core Structure — Website should follow the core page structure as specified by Client-First.
• Semantic HTML tags — Website should use appropriate HTML semantic tags for the elements on the page.
• Section and Component Structures — The structure of sections and components should also align with best practices as recommended by Client-First.
• Responsiveness — The website should be responsive, showcasing your ability to structure content, handle sizing, and make naming decisions as you move to smaller breakpoints.
• Sizes and Units — Primary unit should be REMs, other units can be used smartly if needed, and size values should follow recommended values by Client-First, other than exceptions and special cases.
• Style Guide — The website should include the Client-First Style Guide page that contains all the styles used in the project, such as the color palette, text styles, button styles, background colors, any additional utility classes, etc.
• Global/Combo Classes — Website should use Global, Utility, and Combo classes appropriately according to Client-First guidelines.
• Utilization of Pre-built Components — It is acceptable to use pre-built components such as Relume Library, Gridup Library, or any other library. However, it is important to make significant modifications to the components displayed on the website from their original versions provided by these libraries. This demonstrates your ability to effectively utilize and customize a website with a Client-First approach. It is not allowed to use them as they are without making any changes.