https://github.com/relativelie/cafe
react - redux - redux toolkit - RTK Query. Explore, Cook, and Analyze!
https://github.com/relativelie/cafe
i18n mobx-state-tree react tailwind theme
Last synced: about 2 months ago
JSON representation
react - redux - redux toolkit - RTK Query. Explore, Cook, and Analyze!
- Host: GitHub
- URL: https://github.com/relativelie/cafe
- Owner: Relativelie
- Created: 2022-09-22T13:15:35.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-04-02T07:25:48.000Z (about 2 years ago)
- Last Synced: 2025-01-26T06:07:54.941Z (over 1 year ago)
- Topics: i18n, mobx-state-tree, react, tailwind, theme
- Language: TypeScript
- Homepage: https://relativelie.github.io/cafe/
- Size: 9.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Made with love - recipe searcher and analyzer
**Online demo**: https://relativelie.github.io/cafe/
## Technologies Used
react - redux - redux toolkit - RTK Query - tailwind - react-hook-form - react-google-charts
In the [branch](https://github.com/Relativelie/cafe/tree/cafe-4-mobx-state-tree/) you can find the use of Mobx-state-tree (old code).
## Features
This project consist of three main components:
1. **Recipe Searcher** 🍳
Discover a world of culinary delights with our Recipe Searcher.
Find recipes by name, diet or cuisine.
2. **Nutrient Analyst** 📊
Analyze the nutritional content of your favorite recipes.
Get detailed insights into calories, macronutrients, and more.
Make informed dietary choices.
3. **Home Page** 🏠
Your culinary journey begins here.
Explore app content.
## Another features
* 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
## Short video review
* Language and theme switching
https://github.com/Relativelie/cafe/assets/59819426/82cd2efd-dce0-45e6-b1aa-76a357c3abb3
* Recipes page
https://github.com/Relativelie/cafe/assets/59819426/1292b437-69ef-4560-a04e-fd1228dea4f0
* Analyst page
https://github.com/Relativelie/cafe/assets/59819426/9e5803a6-4493-4480-8a3f-4fd99a1d33de
* Home page
https://github.com/Relativelie/cafe/assets/59819426/dee68a58-7efd-4de7-97b1-730bbca52823
## Getting Started
To get started with app, follow these steps:
1. Clone the repository: git clone [repository-url]
2. Install dependencies: npm install or yarn install
3. Start the development server: npm start or yarn start