GithubHelp home page GithubHelp logo

albadylic / plantbase-me Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fac-17/plantbase-me

0.0 1.0 0.0 527 KB

Help save all the animals, one recipe at a time

Home Page: https://plantbase-me.herokuapp.com/

JavaScript 17.98% HTML 51.44% PLpgSQL 8.06% CSS 22.53%

plantbase-me's Introduction

A Perfect Day For Bananafish, by J. D. Salinger

Plantbase-Me ๐ŸŒฑ

Help save all the animals, one recipe at a time.


Team

  • Emmanuel (Scrum Master / Scrummy Mummy)
  • Christine (Quality Assurance)
  • Colette (UX/UI)
  • Sam (DevOps)
  • Gregor (DevOps)

Project idea

Our app idea lets a user search for a non-vegan dish that they might be craving, and shows them a good alternative. We hope that this will make it easier for people to make a few changes here and there. We may also include some information about why this will help the environment, but we want to avoid shaming or alienating anyone.

The idea is to encourage more people to cut out some animal products, with a focus on the idea of more people making a few changes that they're comfortable with, rather than a few people doing everything they can and the rest feeling alienated and not feeling like they can make a difference. We hope to avoid the "all or nothing" mentality that leaves lots of people feeling like there's no point in making any effort; if lots of people make a few changes, it will add up.


Installation Guide

  • Clone this Repo
  • Run npm i
  • Create a .env file in the route with:
    • PLANTBASE_DB_URL
    • LOCAL_DB_URL
    • TEST_DB_URL
  • Run npm run dev to run the server with nodemon

Main User Journey

As a user, I'd like to find a plant-based product related to a craving through three pages


What we learnt - Stuck and [sometimes] Unstuck

Topic: Server set up

  1. in app.js whats the difference between:
app.use(bodyParser.urlencoded());
app.use(bodyParser.json
  1. Why do we require express and call it as a function?
const app = express();

Topic: Why does tape group our tests?

  1. When we run a second set of tape tests our second set are grouped under the first heading. Why?

Seems to do with asynchronicity where the second set are running before the t.end of the first set.

See these similar issues: 381 358

You can use:

tape-promise

Create a test DB

Testing a post request

  • How can we test a post request?
  • Can we use a get request after?
  • We had a problem with promises

Our initial design

https://www.figma.com/file/OFOCFI5zOY4wOEgZMCRlUZ/Plantbase-Me?node-id=0%3A1

plantbase-me's People

Contributors

albadylic avatar coletterbox avatar emaggy avatar samjam48 avatar xirusux avatar

Watchers

 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.