https://github.com/ib-inu/receta

Receta is a recipe finder app where users can search, upload, and bookmark recipes. Built with vanilla JavaScript (MVC architecture), SASS (BEM methodology), and Parcel, it handles API data and user uploads, with bookmarks stored in local storage for easy access.
https://github.com/ib-inu/receta

bem-methodology html javascript mvc-architecture parcel sass

Last synced: 3 days ago
JSON representation

Receta is a recipe finder app where users can search, upload, and bookmark recipes. Built with vanilla JavaScript (MVC architecture), SASS (BEM methodology), and Parcel, it handles API data and user uploads, with bookmarks stored in local storage for easy access.

• Host: GitHub
• URL: https://github.com/ib-inu/receta
• Owner: ib-inu
• Created: 2024-10-15T09:51:21.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-01-02T18:02:44.000Z (about 1 month ago)
• Last Synced: 2025-01-02T19:19:08.593Z (about 1 month ago)
• Topics: bem-methodology, html, javascript, mvc-architecture, parcel, sass
• Language: JavaScript
• Homepage: https://receta-recipe.netlify.app/
• Size: 8.78 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Receta - Recipe Finder App

Receta is a simple recipe finder application that allows users to browse recipes, upload their own, and bookmark their favorites. All bookmarked recipes are stored in local storage, making them accessible anytime.

## Features

- **Browse Recipes**: Search for recipes using an integrated API.

- **Upload Recipes**: Users can upload their own recipes with ingredients and instructions.

- **Bookmark Recipes**: Save favorite recipes for easy access.

- **Local Storage**: Persistent storage for user bookmarks.

## Technologies Used

- **JavaScript (Vanilla)**: Implemented using the MVC (Model-View-Controller) architecture.

- **SASS**: Styled with SASS, following the BEM (Block-Element-Modifier) methodology for maintainable and reusable styles.

- **Local Storage**: For persisting user bookmarks.

- **API Integration**: Handles recipe fetching from an external API.

- **Parcel**: For bundling and building the project.

## Usage

1. **Search for Recipes**:

   - Use the search bar to find recipes via the API.

2. **Bookmark Recipes**:

   - Click the bookmark icon to save recipes for later.

3. **Upload Recipes**:

   - Fill out the upload form to add a new recipe to the app.

- [SASS](https://sass-lang.com/)

- [BEM Methodology](https://getbem.com/)

- [JavaScript MVC Architecture](https://developer.mozilla.org/en-US/docs/Glossary/MVC)

- [Parcel](https://parceljs.org/)