/get-cookin-app

A dynamic web application made for home cooks who want to use up the items in their fridge/freezer.

Primary LanguageJavaScript

Get Cookin'

A dynamic web application made for home cooks who want to use up the items in their fridge/freezer.

Live Site

Check out the live site here - Get Cookin'

Technologies

  • React.js
  • React Router
  • HTML5
  • CSS3
  • Bootstrap 4
  • Node.js
  • Express
  • PostgreSQL
  • AWS EC2
  • Webpack 4

Features

  • Users can view what recipes are available to cook
  • Users can add custom recipes to the app
  • Users can update their in-app fridge
  • Users can choose favorite recipes
  • Users can search for all recipes available
  • Users can create their own account
  • Users can login to their account

Previews

Create User / Login

GC-Login-Create-preview

View, Add, and Delete Ingredients

GC-View-Add-Delete-Ingredients-preview

View Recipes

GC-View-Recipes-preview

View Favorite Recipes

GC-Favorite-Recipes-preview

Add a Recipe

GC-Add-Recipe-preview

Search All Recipes

GC-Search-Recipes-preview

System Requirements

  • Node.js (10 or higher)
  • NPM (6 or higher)
  • PostgreSQL

Getting Started

  1. Clone the repository and navigate to the directory. 
    git clone https://github.com/steventran815/get-cookin-app.git
cd get-cookin-app
  2. Install all dependencies with NPM. 
    npm install
  3. Initialize PostgreSQL server 
    sudo service postgresql start
  4. Import existing example database. 
    npm run db:import
  5. Start the project. Once your system finishes compiling, you can view the application by opening http://localhost:3000 in your browser. 
    npm run dev