Clover-Cooked

A collaborative cooking tool developed for the scope of a Degree project at bachelor's level at Chalmers.

Clover-Cooked makes cooking with other people more enjoyable and effective, by empowering you through behavior design, automatic task delegation scheduling and more.

"To live in clover" means to live well, in ease.

Give it a try!

On Android the application can easily be tried by:

1. Downloading the application Expo Go on your Android-device

2. Scan the QR code below inside Expo Go, or visit this link.

   

The why and how of Clover Cooked:

Presentation Slides(English, Swedish)

Project report

Running the application

Initial installation

1. Install node.js 14.15.4 LTS https://nodejs.org/en/download/
2. Install Expo CLI by running npm install -g expo-cli in a terminal application of your choice.
3. Navigate your terminal application to where you cloned this repo and run npm install. Might need to run it with privilege as system administrator, e.g. on Mac using the sudo npm install command instead.

Run the app locally on a smartphone device

• Clone the project

• Download the application Expo Go on your iOS or Android device

• Run expo start in the folder /application using your terminal application of choice, add the flag --tunnel to the command like so: expo start --tunnel if the device isn't on the same network as the computer

• Scan the QR code shown in the terminal or in the page that the webbrowser probably shows you after running the command. On iOS you can just with the normal camera and follow the notification. On Android you can open the Expo Go app and scan the QR code from there.

Android emulator

https://docs.expo.io/workflow/android-studio-emulator/

iOS emulator (Only works on macOS/osx)

https://docs.expo.io/workflow/ios-simulator/

Folder structure

• All image, video and audio files relevant to the application are located in assets
• All code for the application is located in 'src'
• All screens of the application are located in src/screens, a screen is a react component that fill the whole (or almost the whole) screen.
• Alla mindre react componenter ligger under src/components/namn
• All smaller react components are located in src/components/nameOfComponent

Formatting

• Prettier - Code formatter "esbenp.prettier-vscode", you can install this in vscode
• The whole project can easily be formatted by running npm run format in the terminal while inside the project directory

Authors

Alexandra Parkegren

William Albertsson

Emanuel Olaison

Eric Bergdahl

Pontus Sundqvist

Joar Granström

Rights

MIT license