imevro/readme.md

## readme.md

      
    Raw
  

              readme.md
            
          
    Тестовое задание в gotovo.ru

Кстати, мы активно нанимаем! Ищем фронтэнд-разработчиков, подробнее тут.
Пока не ищем!
Стек

Файрбейз (Firestore, Auth, без firebase-ui), Тайпскрипт, Реакт, Лоудэш, Аплоадкейр
Задание

Используя Файрбейз и его SDK, вывести в реалтайме список блюд как на сайте gotovo.ru.
Разделение по категориям нужно.
Добавить mobile-first форму добавления и редактирования блюда, добавлять и обновлять может только залогиненный (см. Firestore Rules).
Задеплоить на netlify.

Вводные

В Firestore использовать две коллекции: meals, categories. Типы приложены в этом гисте.

  
## types.ts
import fb from 'firebase';

type FieldRef = fb.firestore.DocumentReference;

export interface Category {
  title: string;
  order: number;
}

export enum MealKind {
  drink = 'drink',
  hotDrink = 'hotDrink',
  soup = 'soup',
  salad = 'salad',
  hot = 'hot',
  breakfast = 'breakfast',
  sauce = 'sauce',
  pastry = 'pastry',
  garnish = 'garnish',
}

export interface MealCategory {
  ref: FieldRef;
  order?: number;
}

export type Meal = Partial<{
  id: string;
  title: string;
  categories: MealCategory[];
  measure: Partial<{ unit: string; value: number }>;
  price: number;
  emoji: string;
  uploadcareId: string;
  kind: MealKind;
}>;
	import fb from 'firebase';

	type FieldRef = fb.firestore.DocumentReference;

	export interface Category {
	title: string;
	order: number;
	}

	export enum MealKind {
	drink = 'drink',
	hotDrink = 'hotDrink',
	soup = 'soup',
	salad = 'salad',
	hot = 'hot',
	breakfast = 'breakfast',
	sauce = 'sauce',
	pastry = 'pastry',
	garnish = 'garnish',
	}

	export interface MealCategory {
	ref: FieldRef;
	order?: number;
	}

	export type Meal = Partial<{
	id: string;
	title: string;
	categories: MealCategory[];
	measure: Partial<{ unit: string; value: number }>;
	price: number;
	emoji: string;
	uploadcareId: string;
	kind: MealKind;
	}>;