Context

This skill defines the base React project architecture to keep consistency and scalability.

The main rule is to organize by domain category inside components and api/services.

Required structure

All implementations must follow this structure:

src/
  components/
    <category>/
      <component>/
  api/
    services/
      <category>/
        <service>

Examples

src/components/paises/chile/
src/api/services/customer/

Organization rules

1. Inside src/components, each first-level folder represents a category (for example: countries).
2. Inside each category, each component must have its own folder (for example: chile).
3. Inside src/api/services, apply exactly the same category-based separation.
4. Each service must live under the category that matches its functional domain.
5. Do not mix components and services outside their base directories (components and api/services).

Goal

This architecture helps:

• Scale the project by domains.
• Find components and services quickly.
• Keep a consistent structure across teams.