MessMind AI

MessMind AI is a React-based frontend-only resume project for a Smart AI-Based Mess Management and Food Analytics System. It showcases a student experience and an admin operations dashboard in one polished interface.

Language and Tech Stack

• HTML
• CSS
• JavaScript
• React 18 CDN
• JSX
• Babel Standalone CDN
• Browser LocalStorage

Features

• JWT-style login and registration UI
• Daily and weekly menu view
• QR smart entry simulation
• Meal pre-booking workflow
• Feedback and complaint management
• Subscription plans and auto-billing concepts
• AI-style meal demand prediction
• Food waste, attendance, and revenue analytics dashboard
• Menu and complaint chatbot

Run the project

Run a local server from the project folder because JSX is compiled in-browser with Babel:

python -m http.server 5500

Then open:

http://localhost:5500

Project structure

• index.html - React and Babel CDN setup with root mount
• styles.css - complete visual system and responsive styling
• main.js - JSX React components, state, interactions, analytics, chatbot logic