https://github.com/sagnikrivud/recipe-dictionary

Recipe Archive
https://github.com/sagnikrivud/recipe-dictionary

angular firebase-database

Last synced: about 14 hours ago
JSON representation

Recipe Archive

• Host: GitHub
• URL: https://github.com/sagnikrivud/recipe-dictionary
• Owner: sagnikrivud
• Created: 2024-04-10T05:35:18.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-05-13T12:09:45.000Z (6 months ago)
• Last Synced: 2024-05-13T17:00:34.582Z (6 months ago)
• Topics: angular, firebase-database
• Language: TypeScript
• Homepage: https://recipe-dictionary.vercel.app
• Size: 22.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Recipe Book

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.3.

![Angular](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT__DpLyuRUlYIwSXn8MGy4bIU-RdXhtYCkSeSKtkrmxQ&s)

## Compatibility

- Node (18.0.0)

- Npm  (10.5.0)

- Angular (ng) (17.3.3)

## Upgrade Node Environment using NVM

```sh

$ nvm ls-remote

```

```sh

$ nvm use 18

```

```sh

$ node --version

```

## Setup firebase for Angular

```sh

$ ng add @angular/fire

```

> Add authentication from a project

```sh

$ npm install firebase

```

## Setup and Installation

> Git clone

```sh

$ git clone 

```

```sh

$ npm install

```

```sh

$ ng serve

```

## Create Angular Environment ts

```sh

$ ng generate environments

```

### Home Page

![Home page](/blobs/home.png)

### Veg category Page

![Veg category](/blobs/Vegtype.png)

### Create Service

```sh

$ ng generate service component/service/name

```

### Create Component

```sh

$ ng generate component component/name

```

### Global scoped CSS Location

> /application/src/styles.css

### Available Icons

> https://ionic.io/ionicons

### Environmental conflagration file

> dotenv.ts

```js

export const API_URL  = process.env['API_URL'];

export const API_KEY  = process.env['apiKey'];

export const AUTH_DOMAIN = process.env['authDomain'];

export const PROJECT_ID = process.env['projectId'];

export const STORAGE_BUCKET = process.env['storageBucket'];

export const MESSAGE_ID = process.env['messagingSenderId'];

export const APP_ID = process.env['appId'];

```

### Preview:

https://recipe-dictionary.vercel.app