Find your next meal easier than ever
I have been rather dormant with my blog posts lately, admittedly. I have not quit writing, but rather put my writings on pause for a moment. I was focusing my free time towards building my largest project that I have created yet.
With little to no familiarity with a lot of the tools and technologies that I was choosing to leverage, I was heading towards mostly uncharted territory for me. What's more, I elected to complete this project with out leveraging tutorials. However, I did use the docs, Stack Overflow, and even sometimes Chat-GPT for some assistance.
What is Next Meal
Next Meal was designed based off of one of my initial projects as a web developer: Clif's Catalog
Next Meal blows its predecessor out of the water, however, offering many more features and benefits to its use. Some of the features of Next Meal include (but are not limited to):
- Sous-chef: Vercel AI SDK, essentially leveraging an API to Chat- GPT. Users can gather meal suggestions, instructions, information, and more from the live chat bot.
- Favorites: Users can select their favorite meals to save to their dashboard.
- Search Bar: Users can search through our vast catalog that is brought to us by Spoonacular API.
Since creating Clif's Catalog, I have learned a lot about web development and different frameworks and libraries (specifically Next.js and TypeScript while building my portfolio). I decided to put my newfound knowledge to the test with this web app, and even push my limits a bit.
The technologies and tools that I leveraged for this project are as follows:
- React/Next.js/TypeScript
- Next-Auth for authentication
- Prisma & Supabase for backend (User database)
- Spoonacular (API endpoints)
There were many challenges faced throughout the build process of Next Meal, but what web developer doesn't like a good challenge (am I right)? I will be writing more in depth about individual issues faced, how I overcame them, and how I built out the app in further blog posts.
For now, Next Meal is hosted on a Vercel Deployment, and is available to anyone.
Please Note: Next Meal is not Production ready yet, and is currently in BETA stage. There are active issues and updates being posted daily on the GitHub repository; please feel free to follow along, the link is below.
GitHub Repository
UX Flow Preview Video - Youtube
Next Meal - Direct Site Link
Top comments (0)