Foodima - Recipe diary

Foodima is an online recipe diary designed to provide a seamless and user-friendly experience. Users can enter a keyword in the search bar, and the application will display relevant recipes. A sidebar with filters is available to refine search results when there are too many recipes.

Foodima uses local storage to save recipes, ensuring simplicity as no account is needed. Built with React and styled using Tailwind CSS, the project also incorporates GSAP for animations and components from Shadcn.

The main goal was to learn and implement asynchronous concepts in React by fetching recipes from an external API and displaying them dynamically.

Foodima Image

Developed by Gabriel Maestre. Design inspiration by Cuberto.

Fun Aspect of Development:

The most enjoyable part of developing Foodima was working with the API. Seeing the recipes appear on the screen after successfully fetching data was incredibly satisfying. It was exciting to watch the application come to life as the data showed dynamically, improving the user experience.

Challenges Faced:

The most challenging aspect was implementing the sidebar and filtering functionality. Ensuring that the filters worked correctly and efficiently required careful planning and was a bit tedious.