• 

  Make Meal Planning a Piece of Cake

• 

  Sign in or create a new account to start using MealMind.

• 

  DARK MODE: Sign in or create a new account to start using MealMind.

• 

  See a list of all your foods and quickly see what you've rated them.

• 

  DARK MODE: See a list of all your foods and quickly see what you've rated them.

• 

  Filter through all your food items with categories.

• 

  Create new food items with categories, eating & purchase locations, and notes.

• 

  Add new food items directly from the categories menu.

• 

  DARK MODE: Add new food items directly from the categories menu.

• 

  See all your foods organized into category buckets.

• 

  See a list of all your meal plans and dates.

• 

  DARK MODE: See a list of all your meal plans and dates.

• 

  Create a new meal plan for any day.

• 

  Click into your meal plan to see more information and plan meals for breakfast, lunch, and dinner.

• 

  DARK MODE: Click into your meal plan to see more information and plan meals for breakfast, lunch, and dinner.

Inspiration

MealMind was inspired by my own struggles with ARFID and ADHD. As someone with ARFID, I've struggled for years to find foods that I enjoy and that I can eat without feeling anxious or uncomfortable. I've tried various meal planning and tracking apps in the past, but none of them were designed with ARFID in mind, and I found them overwhelming and frustrating to use. All the ones I found were based on calorie counting or dieting. So I decided to create an app to help me through my challenges, as I'm sure it will help others with ARFID as well.

I knew that I wasn't alone in my struggles, and I wanted to create a solution that could help others like me. That's where MealMind comes in.

How It Was Built

Using Refine, I built a meal planning and tracking app that allows users to create a personalized list of foods that they enjoy and feel comfortable eating, and then use that list to plan meals and track their eating habits.

I focused mainly on getting the backend right, since that's where I have the biggest knowledge gaps. I learned a lot about Refine Providers and Nextjs, and got a lot of help from the Refine Discord Server!

Challenges

Along the way, I learned a lot about the challenges of building a web app from scratch, and I had to overcome several roadblocks and obstacles. I chose to use a tech stack that I'd never worked with before (Nextjs/Typescript, Material UI, and Supabase), which made the learning curve steep at times.

I also faced some challenges when it came to designing the app's user interface. I wanted to create a clean, simple interface that wouldn't overwhelm users, but I also needed to include all of the features that users would need to plan and track their meals effectively.

I also started in this Hackathon a bit later than when it started. I wish I had more time to do what I do best and design a beautiful front-end. That'll probably be the next thing I work on and I've already had my graphic design team create a logo, brand style guide, and landing page :)

Accomplishments

Despite the challenges, I'm proud of what I've accomplished with MealMind. I've created a tool that can help people like me feel more in control of their eating habits and more confident in their ability to plan and prepare meals that they'll enjoy. And as an open source project, I hope that MealMind can continue to evolve and improve with the input of the community.

I also want to celebrate my firsts:

• First Hackathon as a full-stack developer
• First open source app I've developed
• First time using Refine, Nextjs, Typescript, Material UI, and Supabase

I'm honestly really proud of what I was able to accomplish alone, and it was amazing to see a vision in my head come to life into a useable app! I've already started using it for myself and have so many more ideas and features I want to build on it!

Built With

• javascript
• materialui
• nextjs
• react
• refine
• supabase