Inspiration
We were inspired to create Hungr to make meal planning and discovering new recipes easier and more engaging. With busy schedules and endless online recipes, we wanted a centralized platform where users could explore, save, and share meals in a visually appealing and intuitive way.
What it does
Hungr allows users to browse a growing library of recipes, save favorites, add their own meals, and interact with a personalized feed. Users can easily navigate the app, view meal details, and manage their own contributions. The platform also features authentication, so users have a personalized experience with secure access to their content.
How we built it
We built Hungr using a full-stack approach:
Frontend: React with Tailwind CSS for responsive and modern UI components.
Backend: Node.js and Express to handle API requests and user authentication.
Database: MongoDB to store recipes, user information, and saved meals.
Additional features: JWT for secure authentication and role-based access control for user interactions.
Challenges we ran into
Some challenges we faced included:
Ensuring smooth and secure user authentication with JWT.
Handling the dynamic growth of the recipe library while maintaining fast load times.
Designing an intuitive interface that balances personalization with accessibility.
Accomplishments that we're proud of
We are proud that Hungr:
Successfully integrates user authentication with a dynamic feed and recipe library.
Allows users to add their own meals and interact with the app seamlessly.
Delivers a visually engaging experience with a polished, responsive design.
What we learned
Through building Hungr, we learned:
How to manage full-stack application architecture from frontend to backend.
Best practices for user authentication and secure data handling.
The importance of iterative UI/UX design and user-centered development.
What's next for Hungr
Next, we plan to:
Add features like recipe ratings, comments, and meal planning suggestions.
Implement AI-powered recipe recommendations based on user preferences.
Expand accessibility and mobile optimization to reach a broader audience.
Log in or sign up for Devpost to join the conversation.