Online demo: https://relativelie.github.io/cafe/
react - redux - redux toolkit - RTK Query - tailwind - react-hook-form - react-google-charts
In the branch you can find the use of Mobx-state-tree (old code).
This project consist of three main components:
-
Recipe Searcher 🍳 Discover a world of culinary delights with our Recipe Searcher. Find recipes by name, diet or cuisine.
-
Nutrient Analyst 📊 Analyze the nutritional content of your favorite recipes. Get detailed insights into calories, macronutrients, and more. Make informed dietary choices.
-
Home Page 🏠 Your culinary journey begins here. Explore app content.
- Multi-Language Support: Smooth switching between languages.
- Themes: Choose from different themes to personalize the app's appearance.
- Theme and languge are stored in localStorage
- Infinite pagination in recipe page
- Language and theme switching
2023-10-10.21.03.01.mp4
- Recipes page
2023-10-10.21.11.21.mp4
- Analyst page
2023-10-10.21.13.06.mp4
- Home page
2023-10-10.21.14.34.mp4
To get started with app, follow these steps:
- Clone the repository: git clone [repository-url]
- Install dependencies: npm install or yarn install
- Start the development server: npm start or yarn start