- Dynamic Recipe Filtering: Filter recipes by category or search for specific keywords.
- Mobile-Friendly Design: Fully responsive layout for a seamless experience on all devices.
- Chatbot Integration: An AI-powered chatbot embedded via an iframe to provide personalized recipe recommendations and discuss veganism.
- Automated Deployment: Deployed using GitHub Pages and enhanced with Cloudflare for fast and efficient updates.
- Static Site Generator: Jekyll
- Languages: HTML, CSS, JavaScript, Liquid, YAML
- Deployment: GitHub Pages and Cloudflare
- Version Control: Git and GitHub
The chatbot is embedded into the website using an iframe and runs as a standalone service hosted separately. It enhances the user experience by:
- Personalized Recipe Search: Helping users find recipes based on their preferences or available ingredients.
- Veganism Support: Providing tips and guidance for transitioning to or maintaining a vegan lifestyle.
- Enhanced Accessibility: Offering a conversational interface for effortless navigation and content discovery.
- Chatbot Implementation: Developed as a separate service. View the repository here: chatbot-tofumelo.
- Integration: Added to the site via a simple
<iframe>element for modularity and ease of updates.
Check out the website: Tofumelo
Ensure you have the following installed:
- Ruby: Installation Guide
- Jekyll: Install it by running:
gem install jekyll bundler
- Clone the repository:
git clone https://github.com/diogofranciscop/Tofumelo.git
cd Tofumelo- Install dependencies:
bundle install- Serve the website locally:
bundle exec jekyll serve- Open the website in your browser
http://localhost:4000
To test the website on devices connected to the same Wi-Fi network:
- Run:
bundle exec jekyll serve --host 0.0.0.0- Find your IP address and access the site:
http://your_ip_address:4000
This project is released under the MIT Licence