Git Product home page Git Product logo

foodsaver20008's Introduction

FoodSaver

About 6% of global greenhouse gas emissions is produced due to wastage of food. This cause global warming, harm environment, wastage of food (which can be feed to poor), wastage of resources, and wastage of money. FoodSaver is a web application that keep track of the food in your house, or restaurant and keep warning you to use the product before it got expire and got waste.

Video Demo Link

The video demo can be viewed from here

Presentation Link

The presentation can be viewed from here

Screenshots

Home page

Picture1

Add food item

Picture3

Recipe Suggestion

Picture2

Available in Multiple Languages

Picture4

Smart Chatbot

chatbot

Main Features

  • Provide a platform for everyone to keep track of the food items.
  • Available in Multiple Languages
  • Creates a list of edible items present.
  • Alerts user to use food item before it got expire.
  • Easy to use
  • Custom Scroll bar

Methodology

  • For frontend I have used React Js
  • For developing backend I have used Node Js and Express JS.
  • For styling we have used CSS and Bootstrap.

Impact

  • Reduces green house emission.
  • Easy to keep track of the food.
  • Save money wasted on food.
  • Saves resources use for producing food.
  • Save food.

Future Scope

  • An upload feature where the user can upload their grocery receipt and feed items, and add the product along with the details automatically.
  • Building an React Native Application for better experience.
  • Making a Cross-platform application for the project.
  • Adding alert feature to warn user to use product that is going to expire soon.
  • Add a smart chatbot for assistant.

Prerequisites

Required to install and run the software:

Installing and Running

From the project folder, run these commands in console (terminal) to install dependencies and run the app:

1. npm install
2. npm run dev

๐Ÿ’ฅ How to Contribute

PRs Welcome Open Source Love

  • Take a look at the existing Issues or create a new issue!
  • Fork the Repo, create a branch for any issue that you are working on and commit your work.
  • Create a Pull Request (PR), which will be promptly reviewed and given suggestions for improvements by the community.
  • Add screenshots or screen captures to your Pull Request to help us understand the effects of the changes that are included in your commits.

โญ HOW TO MAKE A PULL REQUEST:

1. Start by making a fork the FoodSaver20008 repository. Click on the symbol at the top right corner.

2. Clone your new fork of the repository:

git clone https://github.com/<your-github-username>/FoodSaver20008

3. Set upstream command:

git remote add upstream https://github.com/mohit200008/FoodSaver20008.git

4. Navigate to the new project directory:

cd FoodSaver20008

5. Create a new branch:

git checkout -b YourBranchName

6. Sync your fork or local repository with the origin repository:

  • In your forked repository click on "Fetch upstream"
  • Click "Fetch and merge".

Alternatively, Git CLI way to Sync forked repository with origin repository:

git fetch upstream
git merge upstream/main

Github Docs for Syncing

7. Make your changes to the source code.

8. Stage your changes and commit:

git add .
git commit -m "<your_commit_message>"

9. Push your local commits to the remote repository:

git push origin YourBranchName

10. Create a Pull Request!

11. Congratulations! You've made your first contribution! ๐Ÿ™Œ๐Ÿผ

All the best! ๐Ÿฅ‡

built with love

foodsaver20008's People

Contributors

arpita221b avatar cyrusthapa11 avatar harshal0902 avatar kanishak11-cyber avatar kimmusic avatar mohit200008 avatar psankhe28 avatar rushikeshadhav avatar shefali12-ab avatar unnati-dot 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.