🍽️ College Mess Management System

A modern, responsive web application designed to streamline the dining experience for college students. This application helps students view daily menus, manage meal preferences, and stay updated with the mess schedule.

✨ Features

• Interactive Weekly Menu: View daily meals with an intuitive interface
• Responsive Design: Works seamlessly on desktop and mobile devices
• Modern UI/UX: Built with React and Tailwind CSS for a polished look
• Real-time Updates: Stay informed about menu changes and special meals
• User Authentication: Secure login system for students and staff
• Meal Feedback: Provide ratings and feedback for meals

🚀 Technologies Used

• Frontend: React.js, Vite
• Styling: Tailwind CSS
• Animation: Framer Motion
• Icons: React Icons
• Routing: React Router DOM
• State Management: React Hooks
• Form Handling: React Hook Form
• Notifications: React Toastify

🛠️ Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (v7 or higher) or yarn

Installation

1. Clone the repository:

   git clone [your-repository-url]
   cd poornima-mess

2. Install dependencies:

   npm install
   # or
   yarn

3. Start the development server:

   npm run dev
   # or
   yarn dev

📂 Project Structure

src/
├── components/     # Reusable UI components
├── pages/          # Page components
├── assets/         # Static assets (images, fonts, etc.)
├── firebase/       # Firebase configuration and utilities
├── hooks/          # Custom React hooks
└── utils/          # Utility functions and helpers

🌟 Features in Detail

Daily Menu View

• View the complete menu for the current day
• Navigate between days of the week
• Special dietary information and meal details

User Authentication

• Secure login/signup
• Password reset functionality
• Role-based access control