Meal management system for PIO College, developed to facilitate meal scheduling and control for students and staff.

PIO Brasileiro is a modern web application that allows users to:

• Schedule meals (lunch and dinner) for different days of the week
• Manage user profiles
• View notifications about scheduling deadlines
• Select meal options (at college or to take away)
• Add guests to meals

• Next.js 14 - React framework with App Router
• TypeScript - Static typing for greater code safety
• React - Library for building interfaces
• CSS Modules - Modular and scoped styling
• Lucide React - Icon library

• ESLint - Code linting and formatting
• PostCSS - CSS processing

src/
├── app/                     
    ├── (admin-protected)/   # Admin Protected routes
    ├── (protected)/         # Authenticated user protected routes
├── components/              
│   ├── home/                # Home page components
│   ├── refeicoes/           # Meal components
│   ├── profile/             # Profile components
│   └── ui/                  # Interface components
└── lib/                     # Utilities and configurations

• Lunch and dinner scheduling
• Location selection (PIO College or to take away)
• Guest addition
• Scheduling deadline control

• View and edit personal information
• Profile picture upload
• Password change

• Real-time notification system
• Scheduling deadline alerts
• Notification history

The project uses a modular architecture with reusable components, these are a few examples:

• Header - Header with navigation and notifications
• Footer - Footer with navigation menu
• MealCard - Card for meal scheduling
• ImageSelector - Profile image selector
• NotificationMenu - Notifications menu

The project uses a consistent design system with global CSS variables for colors, spacing, and borders, ensuring visual uniformity throughout the application.