Giter VIP home page Giter VIP logo

recipebean's Introduction


Logo

Recipebean

Modernized cooking app

Currently down ๐Ÿ˜”. Will be up soon!

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Contact

About The Project

Logo



Having a passion for cooking, I wanted a personalized digtial cookbook to store my recipes. There are many great apps out there, but are either over-saturated with features and stray away from a personalized cookbook, or have clunky UI that are not intuitive to the user. The goal of this project was to create a simple and intuitive UI cookbook app to store you recipes.

(back to top)

Built With

  • Next
  • TypeScript
  • MUI
  • StyledComponents
  • Node
  • Express
  • GraphQL
  • Apollo-GraphQL
  • MikroORM
  • TypeGraphQL
  • PostgreSQL
  • Redis
  • Cloudinary
  • Render

(back to top)

Getting Started

This is an example of how setup the project locally:

Prerequisites

  • npm

    npm install npm@latest -g
  • Cloudinary - setup a cloudinary account to get necessary information to store recipe cover images:

    CLOUDINARY_CLOUD_NAME =
    CLOUDINARY_FOLDER =
    CLOUDINARY_API_KEY =
    CLOUNDINARY_API_SECRET =
    
  • Redis - setup redis to store sessions (default redis URL)

    REDIS_URL = 127.0.0.1:6379
    
  • PostgreSQL - setup local PostreSQL for your database

    POSTGRES_USER =
    POSTGRES_PASSWORD =
    POSTGRES_DB_NAME =
    POSTGRES_HOST =
    POSTGRES_PORT =
    

Installation

  1. Clone the repo

    git clone https://github.com/RandumbWilliam/recipebean.git
  2. Grap the necessary environment variables from Cloundinary and PostgreSQL

  3. Create a .env and fill in the necessary environment variables provided by .env.example for both client and server

  4. Run your redis server

    redis-server
  5. server - install NPM packages

    npm install
  6. server - run watch

    npm run watch
  7. server - run dev

    npm run dev
  8. client - install NPM packages

    npm install
  9. client - run dev

    npm run dev

(back to top)

Roadmap

  • Add Ingredient Shopping List
  • Add Meal Planner
  • Add Additional UI tweaks

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

William Zhen - https://www.linkedin.com/in/william-zhen/ - [email protected]

Project Link: https://github.com/RandumbWilliam/recipebean

(back to top)

recipebean's People

Contributors

randumbwilliam avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.