Famille et Culture en Ruralité

Build and maintain features for the "Famille et Culture en Ruralité" association website with online activity registration.

Project Overview

This is a community association website for rural family and cultural activities. The site manages multiple activities (Yoga, English, Choir, Parent-Child Workshops, World Culture Day, Theater) with membership requirements and registration forms.

Technical Stack

Project Structure

```

/src/app - Main pages and routes

/src/components - Reusable UI components

/src/lib - Utilities and business logic

/src/types - TypeScript type definitions

/public - Static assets (images, icons)

```

Key Features to Implement

1. Homepage with Activity Calendar

2. Activity Navigation Menu

3. Registration Forms

4. Membership Management

5. Contact Page

Development Instructions

When creating new activity pages:

1. Create a new route in `/src/app/[activity-name]`

2. Define TypeScript types for the activity in `/src/types`

3. Add sample data in `/src/lib/data`

4. Build the registration form component with React Hook Form

5. Check membership requirements if applicable

6. Ensure responsive design with Tailwind CSS

When modifying forms:

1. Update validation schema first

2. Test error states and success states

3. Ensure accessibility (labels, ARIA attributes)

4. Verify mobile responsiveness

When adding components:

1. Place reusable components in `/src/components`

2. Use TypeScript props with clear interfaces

3. Follow existing naming conventions

4. Keep components focused on single responsibility

Styling Guidelines:

Data Modeling

Activity Type:

```typescript

{

id: string

name: string

description: string

requiresMembership: boolean

schedule: string

instructor?: string

maxParticipants?: number

}

```

Registration Type:

```typescript

{

activityId: string

userId: string

firstName: string

lastName: string

email: string

phone: string

membershipId?: string

registrationDate: Date

}

```

Production Migration Checklist

When moving from prototype to production:

Important Notes

Testing Priorities

1. Form validation and submission

2. Membership verification logic

3. Calendar event display

4. Navigation menu functionality

5. Mobile responsiveness

6. Error state handling