A playful macOS-inspired browser world where recipes, music, files, and tiny apps live together.
Food Recipe is not only a garlic-bread page. It is a small browser operating system with a desktop, dock, windows, internal Safari pages, Finder-like navigation, music, and an iGithub app that can render repository information.
The recipe is the entry point. The real project is the interface experiment around it.
| App | What it does |
|---|---|
| Desktop | Window management, dock interactions, menu bar, wallpapers, and responsive layout |
| Finder | Browse the simulated Projects, Desktop, Downloads, and Bin spaces |
| Safari | Navigate between internal pages and recipe views |
| iGithub | Fetch and render GitHub repository information |
| Recipes | Browse garlic bread, lasagna, and recipe data from JSON |
| Music | Play the included soundtrack and switch between tracks |
git clone https://github.com/Soheil-Aghayani/food-recipe.git
cd food-recipe
python -m http.server 3000Open http://localhost:3000.
A local server is recommended because the browser features use modules, assets, audio, and API requests.
- HTML5 and CSS3
- Vanilla JavaScript
- GitHub API
- Marked.js for Markdown rendering
- Local JSON data for recipes and app content
One browser tab. Many little worlds.