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

https://github.com/dzenis-h/ng-recipes

Collect recipes and organize your shopping list 🥗
https://github.com/dzenis-h/ng-recipes

angular5 bootstrap firebase javascript node-server rxjs typescript

Last synced: 2 months ago
JSON representation

Collect recipes and organize your shopping list 🥗

Awesome Lists containing this project

README

          

##
![GitHub repo size](https://img.shields.io/github/repo-size/dzenis-h/ng-Recipes)
![GitHub contributors](https://img.shields.io/github/contributors/dzenis-h/ng-Recipes)
![GitHub stars](https://img.shields.io/github/stars/dzenis-h/ng-Recipes?style=social)
![GitHub forks](https://img.shields.io/github/forks/dzenis-h/ng-Recipes?style=social)
[![LinkedIn Follow](https://img.shields.io/badge/-Follow-blue?style=social&logo=linkedin&link=https://www.linkedin.com/in/dzenis-h/)](https://www.linkedin.com/in/dzenis-h/)
[![GitHub Follow](https://img.shields.io/badge/-Follow-black?style=social&logo=github&link=https://github.com/dzenis-h)](https://github.com/dzenis-h)

##
# ng-Recipes 🍲

## Overview 👀
ng-Recipes is an app that allows you to collect recipes and organize your shopping list 🥗. Check out the final result below:
![ng-Recipes Screenshot](https://drive.google.com/uc?export=view&id=1xFGdvZdWtzRlF-rP3F2D4IMVkTIdeoDJ)

## Tech Stack 🛠️
| Tech | Docs | Description |
| --- | --- | --- |
| ![Angular](https://img.shields.io/badge/-Angular-DD0031?style=flat-square&logo=angular) | [Angular](https://angular.io/docs) | A platform for building web applications |
| ![Bootstrap](https://img.shields.io/badge/-Bootstrap-563D7C?style=flat-square&logo=bootstrap) | [Bootstrap](https://getbootstrap.com/docs/5.0/getting-started/introduction/) | A CSS framework for building responsive, mobile-first sites |
| ![Firebase](https://img.shields.io/badge/-Firebase-FFCA28?style=flat-square&logo=firebase&logoColor=black) | [Firebase](https://firebase.google.com/docs) | A platform for building mobile and web applications |
| ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white) | [TypeScript](https://www.typescriptlang.org/docs/) | A strict syntactical superset of JavaScript |
| ![RxJS](https://img.shields.io/badge/-RxJS-B7178C?style=flat-square&logo=reactivex&logoColor=white) | [RxJS](https://rxjs.dev/guide/overview) | A library for reactive programming using Observables |

## How to use it 🔖
1. Run "npm install" inside this project folder to install all of the dependencies.
2. Make sure to change your API keys, DB rules, and your firebase project ID.
3. Make sure you use the latest version of the CLI (upgrade guide below).
4. Run "ng serve" to see the app in action.

### How to upgrade the CLI ⬆️
1. Run the below commands:
```
npm uninstall -g angular-cli @angular/cli
npm cache clean --force
npm install -g @angular/cli
```

## Contributing 🤝
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository. 🍴
2. Create a new branch. 🌵
3. Make your changes and test them thoroughly. 👨‍💻
4. Submit a pull request. ✔

## License 📑
This project is licensed under the terms of the MIT license. You can read the full license [here](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing).

## Deployed 🚀
To see a live preview of ng-Recipes, please click [here](https://balkan-recipes.firebaseapp.com).

## Credits 💳
ng-Recipes was created by [Dzenis H.](https://www.dzenis.tech)

If you like what you see, please consider giving a ⭐️ Contributions are more than welcome. 🫡