Yummy is a modern web application designed for searching and sharing recipes. It leverages the power of the Internet Computer (IC), providing a decentralized and scalable solution.
You can scroll through lots of recipes and click on them to see full description.
After logging with Internet Identity you can share your recipes with other users.
The user can search through all recipes. After entering some search query you can navigate through options with arrows and choose one of the options by cicking enter.
The website is fully responsive and interactive so you can also use it on your phone.
- User-Friendly UI: Intuitive, responsive, and easy-to-use interface for a seamless user experience.
- Authentication with Internet Identity Securely log in using your Internet Identity, providing a seamless and secure authentication experience.
- Internet Computer Integration: Utilizes the Internet Computer network for a scalable, decentralized infrastructure.
- Storing images and data on ICP When adding recipes, users can select an image to show the dish after preparation. All recipes are stored on the blockchain.
- Searching sytem User can search through all recipes by names after pressing ctrl + k or clicking a button.
- Recipe Sharing - creating recipes Discover and share a variety of recipes with the community.
- Displaying every single recipe When you click on a recipe, you can view its full description.
- Deleting recipes You can always remove the recipe if you are not happy with it.
- Expanding the search system - enable searching by tags and preparation time
- Adding user feedback - ability to add comments to recipes
- Recipes likes - add possibility to like a recipe
- Extension of information about user
- Ability to edit recipe after adding
- Rust π¦ for backend
- Vue.js for frontend
- Vue Router for multiple pages
- Pinia π for state management
- TailwindCSS π for styling
- DfinityCDK for compiling to the Internet Computer
- Stable structures for storing data that persist across upgrades.
- Node.js (>= 16)
- npm (>= 7)
- dfx (DFINITY Canister SDK)
-
Clone the Repository:
git clone https://github.com/Gibirizon/yummy.git cd yummy -
Install Dependencies:
npm install
-
Start the Internet Computer Replica:
dfx start --background
-
Deploy the Canisters:
dfx deploy
-
Run the Development Server:
npm start
Access the application at
http://localhost:3000. The development server proxies API requests to the IC replica running on port 4943.
Enjoy discovering and sharing recipes on Yummy!π³π¨βπ³π©βπ³