This is a submission for the DEV Weekend Challenge: Community

In many neighborhoods, small home-cooked meal services operate informally through phone calls or messaging apps. While these services are essential for students and working people who rely on affordable homemade food, managing menus and orders can quickly become confusing and disorganized.

To solve this problem, I built Community Home Meal Service, a simple web application that connects local home cooks with people who need reliable home-cooked meals.

The platform allows users to browse meal providers, view menus, place orders, and request to become meal providers.

The Community

This project was designed for s*tudents and working people who depend on affordable home-cooked meals* in their neighborhood.

Many small meal providers manage orders using:

• WhatsApp messages
• Phone calls
• Paper notes

This often causes:

• Confusing orders
• Missing information
• No clear menus
• Difficult communication

This application provides a simple way to organize community-based meal services in one place.

It helps connect:

• Local home cooks
• Students
• Workers
• Families into one simple system.

What I Built

I built a web application called Community Home Meal Service.
It is a simple community platform where users can:

• Browse meal providers
• Search meal providers
• View menus
• Place orders
• Track order status
• Request to become meal providers The platform also includes an admin system for managing the community.

Key Features ⭐
User Features
Users can:

• View meal providers
• Search providers
• View menus
• Place meal orders
• Track order status
• Request to become a meal provider
• Track provider request status

Admin Features
Admins can:

• Approve provider requests
• Reject provider requests
• Manage meal providers
• View all orders
• Approve orders
• Complete orders

Example Accounts 🔐
Admin Login:
Username: admin
Password: admin123
User Login:
Username: user
Password: user123

The application includes sample providers and orders, so it works immediately after opening.

Demo

just need to run index.html
https://github.com/ciriussaini/Meal-Service

Code

How I Built It

This project was built using simple web technologies:

• HTML
• CSS
• JavaScript The application uses LocalStorage as a browser-based database, allowing the app to run completely offline. All data persists after refreshing the page. Everything runs by simply opening: index.html No installation or backend server is required

Technical Features ⚙️

1. Role-based login system
2. Admin and user dashboards
3. Provider approval system
4. Order status tracking
5. Provider request tracking
6. Search functionality
7. LocalStorage database
8. Persistent data
9. Form validation
10. Responsive layout

Design Decisions 🎨

1. The design focuses on simplicity and usability.
2. Key design goals:
3. Clean interface
4. Simple navigation
5. Card-based layout
6. Mobile-friendly design
7. Clear forms
8. Organized dashboards The goal was to make the application feel like a real community product rather than just a demo project.

What I Learned 📚

1. While building this project I learned:
2. Managing application state using LocalStorage
3. Building role-based interfaces
4. Designing community-focused applications
5. Structuring a multi-page JavaScript project
6. Creating realistic sample data
7. Future Improvements 🚀
8. Possible improvements include:
9. Real authentication system
10. Online database
11. Payment integration
12. Delivery tracking
13. Notifications

Why This Fits the Challenge ⭐
This project fits the DEV Weekend Challenge: Community because it focuses on solving a real problem for a real community.
It helps connect local home cooks with people who need affordable home-cooked meals, making neighborhoods more connected and organized.
The project demonstrates how a simple application can improve everyday community