An open API service indexing awesome lists of open source software.

https://github.com/matigaleanodev/foodly-notes

Frontend de aplicación orientada a la búsqueda, guardado y organización de recetas de cocina, con soporte para listas de compras, favoritos y traducción automática de contenido
https://github.com/matigaleanodev/foodly-notes

angular angular-standalone cooking-recipes ionic spoonacular-api

Last synced: 4 months ago
JSON representation

Frontend de aplicación orientada a la búsqueda, guardado y organización de recetas de cocina, con soporte para listas de compras, favoritos y traducción automática de contenido

Awesome Lists containing this project

README

          


Foodly Notes

# Foodly Notes – Frontend

🌐 Versión en español: [README.md](./README.md)

**Foodly Notes** is an application focused on searching, saving and organizing cooking recipes.
It supports **favorites**, **shopping lists**, and **automatic translation** of content.

This repository contains the **frontend** of the application, built with Ionic and Angular,
designed for real-world mobile and web usage.

---

## 🧩 General architecture

- **Framework**: Ionic + Angular (standalone)
- **Styling**: SCSS
- **Internationalization**: ES / EN
- **Local storage**: Ionic Storage
- **API consumption**: Custom backend (NestJS)

---

## 🛠️ Tech stack

![Angular](https://img.shields.io/badge/Angular-DD0031?logo=angular&logoColor=white)
![Ionic](https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=white)
![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white)
![SCSS](https://img.shields.io/badge/SCSS-CC6699?logo=sass&logoColor=white)

---

## 🌍 Internationalization

- Supported languages: **Spanish** and **English**
- Centralized translation keys
- Validation script to detect missing keys

```bash
npm run i18n:check
```

---

## 📱 Main features

- Daily recipes
- Advanced search
- Favorites
- Recipe-based shopping lists
- Detailed recipe view
- Legal pages (Terms and Privacy Policy)
- App info screen with version and stage

---

## 🧑‍💻 Development

For local setup and development instructions:

👉 [DEVELOPMENT.md](./DEVELOPMENT.md)