/toeat

Your recipe collection

Primary LanguageTypeScriptMIT LicenseMIT

toeat - Your recipe collection

Work in progress

Exercising TypeScript, ReactJS and styled components with a simple recipe manager application.

In the application, you can create your collection of recipes in a simple and easy to understand way.

Features

  • create recipes - each one has a photo, title, ingredients' list, preparation details, necessary equipment and other details for a better understanding of its complexity and sizing;
  • search recipes based on title or ingredients;
  • filter them by cooking time, wanted or disliked ingredients, course meal, number of ingredients and/or degree of difficulty;
  • adapt the ingredient quantities based on the desired number of servings;
  • edit or remove existing recipes, if necessary.

See the application framework.

Requirements

Client

  • Node.js
  • npm

Server

  • Node.js
  • npm
  • MongoDB

Setup

Install

git clone git@github.com:magdaavram/toeat.git
cd toeat/client
npm install

Run

npm start

QA

npm run prettier
npm test

Build

npm build

Contact

If you want to contact me, you can reach me at magda.r.avram@gmail.com.

Credits

Favicon by Valeriy from the Noun Project.

Add and delete icons by scott desmond from the Noun Project.

Edit icon by Vincencio from the Noun Project.

Search icon by Kmg Design from the Noun Project.

Clock icon by Flatart from the Noun Project.

Stars icon by Three Six Five from the Noun Project.

Filter icon by Muhammad Tajudin from the Noun Project.

Dinner icon by Adrien Coquet from the Noun Project.

Snack icon by Jessica Lock from the Noun Project.

Breakfast icon by Stan Diers from the Noun Project.

Brunch icon by Konrad Michalik from the Noun Project.

Lunch icon by K from the Noun Project.

This project was bootstrapped with Create React App.

Developed with WebStorm

JetBrains