Git Product home page Git Product logo

pranjals149 / khet-market Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 2.0 3.11 MB

Khet Market is a web-app through which farmers can sell crops to and buy equipment directly from other merchants without any third-party mediation.

Home Page: https://github.com/pranjals149/Khet-Market/

License: GNU Affero General Public License v3.0

HTML 0.56% CSS 59.41% JavaScript 40.03%
sell-crops msp market khet-market buyer seller mandi e-mandi virtual marketplace

khet-market's Introduction

Khet Market

Khet Market is a web-app through which farmers can sell crops to and buy equipment directly from other merchants without any third-party mediation.To avoid price inflation and maintain regularized selling, the app validates any purchase through the use of MSP for pricing and the buyer must adhere to it.The app also incorporates image integration for crops so the buyer can decide whether to proceed with the transaction.The app also incorporate payment authentication which help both parties avoid extra middleman costs and helps in creating of a completely self โ€“ independent virtual market space to empower both the buyer and seller.

Flowchart

Sections

These are the main pages of our web app along with the description.

  1. Home Page - This is the home page of our application. It details all the utilities our app provides.

  2. Login - This page lets the registered user to login into his/her dashboard.

  3. Register - The user can register himself/herself by filling out the appropriate choices and details asked for the verification. We have integrated a minimum character limit to rule out vague and ambigious details.

  4. BuyOrSell - This page acts as a gateway and provides the user to choice between buying goods and selling crops and redirects them to the appropriate page.

  5. Buy: In this section, we designed an E-commerce kind of front-end where a farmer can purchase farming products like seeds, fertilizers, tractors, etc.

  6. Checkout - This is the landing page after the user has selected his items and proceed further to review the items they added in the basket.

  7. Payment - Here, the user can fill the details for completing the transaction.

  8. Orders - This page helps the user to review their purchased items along with their unique order ids, address, and costs.

  9. Sell - Here we have enforced the farmer to sell his/her crops above Minimum Support Price(MSP). Through the use of MSP, we are making farmers aware of the true market value for their goods and help them in creating a stronger negotiating position for themselves.

  10. Selling Item - This page helps the user review their sold crops along with their addresses, type of the crop,and price asked for it.

Pre-requisites required to run the application

  1. NodeJs
  2. Working Firebase account

Steps to download and setup pre-requisites for our app

  1. Download Nodejs - For downloading nodejs goto this link.
  2. Now goto firebase. Login to firebase with your google account.
  3. Goto console and click on Add Project.
  4. Enter the name of the project and all the required information and proceed.
  5. Your project will be created on firebase.
  6. Now on the dashboard, click on web icon. It will register the app in your project. Now enter all the necessary information about your app and click create.
  7. Now your app is added to the project.
  8. Goto Firestore Database. Click on Create Database. Then click on Start in Test Mode and keep all the information by default.
  9. Goto Authentication. Click on Get Started. Now hover on Email/Password and click the pencil icon(edit icon). Enable the method and click Save.
  10. Now, next to Project Overview, click on Settings icon and click Project Settings.
  11. Scroll to the bottom of the settings page. In Your apps section, under Firebase SDK snippet, click on Config. Now copy the contents of FirebaseConfig and paste it somewhere.

Steps to setup in the local system

  1. Clone this repository - git clone https://github.com/pranjals149/Khet-Market.git
  2. Move into the cloned repository - cd Khet-Market
  3. Now, install the required dependencies - npm install
  4. Move in the funtions directory - cd functions
  5. Now, inside functions directory, install the required dependencies for running the backend server of the app - npm i
  6. Inside the functions directory, start the express backend server - firebase emulators:start
  7. Now, open firebase.js file inside src, and paste the content of FirebaseConfig(copied from firebase console) in place where previous FirebaseConfig was declared.
  8. Now, back to the main project directory, start the react development server - npm start
  9. Now the application is Up and running on PORT NO. - 3000

Video Link

https://youtu.be/XWkjdd1eNWI

khet-market's People

Contributors

pranjals149 avatar ramankurgoswami avatar shivampurohit avatar

Stargazers

 avatar  avatar

Watchers

 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.