Cook and Share

Cook and Share is a full-stack web application that allows users to share and discover recipes. Users can create an account, publish recipes, and browse recipes shared by others, creating a collaborative platform centered around food and community.

The application includes a dedicated backoffice system built with Strapi, enabling administrators to manage users, recipes, and categories through a structured content management interface.

Designed with a modern and responsive interface, Cook and Share provides an intuitive experience across devices, allowing users to easily contribute and explore recipes.

The goal was to develop a complete web application that supports user authentication, structured content management, and efficient data communication between frontend and backend systems.

Managing relational data such as users, recipes, and categories required a scalable and flexible architecture. Additionally, the application needed to provide a responsive interface while ensuring reliable data handling and maintainable code structure.

Integrating authentication, backend content management, and frontend interaction into a cohesive system was a key architectural challenge.

The frontend was developed using Next.js with TypeScript, providing a modern and scalable React-based architecture. Tailwind CSS was used to create a responsive and customizable interface.

Authentication was implemented using Next Auth, allowing secure user account creation and login functionality.

Strapi was used as a headless CMS to power the backoffice system, providing structured management of users, recipes, and categories. The frontend communicates with Strapi through GraphQL queries and mutations, enabling efficient and flexible data retrieval and updates.

The application was tested using Jest to ensure functional reliability and component stability.

Cook and Share delivers a complete recipe sharing platform with integrated authentication and content management. Users can easily create accounts, publish recipes, and explore content shared by others.

The integration of Next.js, GraphQL, and Strapi demonstrates a structured full-stack architecture, combining a modern frontend with a flexible backend.

The project showcases the implementation of authentication, CMS integration, GraphQL data handling, and responsive design within a cohesive and scalable web application.