Reimagining food delivery through cyber-innovation, zero-latency protocols, and hyper-local simulations.
https://suchetamon27.github.io/restro-repo/
NeuroNosh is a cutting-edge, single-file web application that simulates a futuristic food delivery ecosystem. It combines the utility of modern aggregators with immersive cyber-aesthetics and advanced front-end logic.
From real-time map tracking using Leaflet.js to voice-activated commands and atmospheric weather simulations, NeuroNosh pushes the boundaries of what a static web page can do without a backend.
- The Oracle AI: A built-in chatbot assistant that recommends food based on your mood.
- Voice Command (Web Speech API): Search for "Spicy", "Burger", or "Veg" using your voice.
- Voice Feedback (TTS): The app talks back, confirming orders and welcoming you.
- Live Map Engine: Integrated Leaflet.js (OpenStreetMap) for real-time delivery tracking.
- GPS Integration: Detects your actual browser location for delivery.
- Route Simulation: visually tracks the driver moving from the kitchen to your doorstep.
- Daily Spin Wheel: Win coupon codes with a randomized physics-based wheel.
- Live Social Ticker: See real-time orders from other users (e.g., "Priya ordered Biryani").
- NeuroGold Membership: Toggle premium status for discounts and gold UI themes.
- Atmospheric Rain Mode: Toggle "Bad Weather" to see rain animations and trigger surge pricing.
- Theme Switcher: Instantly toggle between Cyber Dark and Clean Light modes.
- 3D Tilt Cards: Food cards respond to mouse movement for a holographic feel.
- Advanced Cart: Handles tips, taxes, delivery fees, and group order link generation.
- Customization Modal: Select sizes and add-ons for complex items.
- Smart Calorie Meter: Visualizes your order's nutritional value against a daily limit.
This project is built with Vanilla Technologies to ensure maximum performance and zero build-step requirements.
| Technology | Usage |
|---|---|
| HTML5 | Semantic structure and layout. |
| CSS3 | Variables, Flexbox/Grid, Keyframe Animations, Glassmorphism. |
| JavaScript (ES6+) | Logic, State Management, DOM Manipulation, Speech API. |
| Leaflet.js | Open-source interactive maps (No API Key required). |
| FontAwesome | Vector icons. |
| Google Fonts | Orbitron & Rajdhani for typography. |
Since NeuroNosh is a Single File Application, installation is instant.
- Clone or Download this repository.
- Locate the
index.htmlfile. - Double-click to open it in any modern web browser (Chrome, Edge, Firefox, Safari).
Note: For the Geolocation features to work best, ensure your browser has permission to access your location.
- Browse: Scroll through the top brands or food grid.
- Filter: Use the Voice Mic or click the Veg/Non-Veg toggles.
- Customize: Click "Add" on a Burger or Pizza to select sizes and add-ons.
- Gamify: Click the Spin Fab (bottom left) to win a coupon code.
- Ordering: Go to cart, apply coupon
NEURO20(or the one you won), add a tip, and checkout. - Tracking: Watch the live drone/driver move on the map to your location.
- Immersion: Click the Cloud Icon in the navbar to enable Rain/Surge mode.
NeuroNosh/
│
├── index.html # Contains HTML, CSS, and JS (All-in-One)
├── README.md # Documentation
└── (Assets) # Images are loaded via Unsplash URLs
🤝 Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request
📜 License
Distributed under the MIT License. See LICENSE for more information.
📞 Contact
NeuroNosh Team Reimagining Dining Through Innovation
Twitter | Instagram | Email
<p align="center">Made with © 2025 NeuroNosh Technologies. All rights reserved.</p>