How to Build a Multilingual Social Recipe Application with Flutter and Strapi
How to Build a Multilingual Social Recipe Application with Flutter and Strapi 관련
Hey there!
In this project, you will build a multilingual social recipe application using Flutter and Strapi.
Flutter is an open-source UI software development kit created by Google. It allows you to build beautiful and highly interactive user interfaces for mobile, web, and desktop from a single codebase.
Strapi, on the other hand, is a headless CMS that makes it easy to create, manage and distribute content anywhere you need – all from one place.
The multilingual feature of the application will allow users from different parts of the world to interact with the app in their native language, making it more user-friendly and accessible. This feature is particularly beneficial for a social recipe application where users share recipes from different cuisines and cultures.
In this application, users will be able to view recipes, request a specific recipe, share their favorite recipes, and like or comment on recipes.
Prerequisites
To follow along with this tutorial, make sure you have:
- Node.js installed.
- Basic knowledge of Flutter
- Basic understanding of Strapi with this quick guide
Demo
Here’s what you will be building in the tutorial:
- Authentication and Authorization: Demo
- Comment and Likes: Demo
- Request recipe: Demo
- Language Switch: Demo
You can get the full code of the application from this GitHub repository (Gunkev/flutter_strapi_multilingual_app).
Conclusion
In this tutorial, you built a Flutter and Strapi recipe application where user could register and login to request a recipe from the admin, view and like recipes, or add their comments to a specific recipe.
To improve the application, you can add search functionality, share functionality, or allow users not only to request a recipe but also to create a personal list of recipes they can share with others.
Thanks for reading!
References
- https://docs.strapi.io/dev-docs/configurations/api-tokens
- https://docs.strapi.io/user-docs/settings/API-tokens
- https://docs.strapi.io/dev-docs/backend-customization/examples/authentication
- https://docs.strapi.io/dev-docs/plugins/i18n
- https://strapi.io/blog/how-to-create-a-refresh-token-feature-in-your-strapi-application
- https://strapi.io/blog/a-beginners-guide-to-authentication-and-authorization-in-strapi
- https://jwt.io/introduction