Simple eats
Recipe generator app
Objective
Build a recipes app that makes deciding what to cook everyday easier. Users can find all matching recipes when inputting at least 3 ingredients they have in their kitchen and pick the one they want to cook.
Set up
I used Next.js because of the advantages I get from server side rendering. Supabase database and its auth package allowed me to handle both server and client interaction and implement user authentication and authorization with ease.
Tailwind to keep practising with this framework and deployed the app in Vercel due to its zero configuration making it fast to get the app in production.
Challenges
I struggled to understand how I could handle client interaction that change data that can only be accessed through the server because of how NextJS and Supabase handle this process when working together. This gave me an opportunity to understand the difference with Http cookies and cookies that get stored in the browser and how the first ones cant be accesed from the client side.
Learnings
Learning 1
One of the biggest take-aways is that I have deepened my understanding on how to query the database properly and how to set up server routes correctly to protect and secure the database from data leaks. This has prepared me to work efficiently with sensible data like emails and passwords.
Learning 2
Although this was a solo project and I have worked on my own I set up a kanban board to track my work and worked on tickets where I was implementing functionality in sprints and ticket by ticket. This helped me organise my work and made it easier to prioritize tasks in order to get a functional app.
Outcome
This is an ongoing project where I have successfully implemented logic where both unauthenticated and authenticated users can use the app. Currently I am focusing on implementing more functionality for authenticated users so they can interact more with other users and with the recipes.
