Skip to content

mansisindhu/seva-the-food-sharing-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Seva-The Food Donation App

An application to bring together NGOs and volunteers for food donation. Collaboratively built with a UI/UX Designer, using ReactJS, Styled-JSX, ExpressJS, and MongoDB.

Team Members

Features

  • User can select various types of NGO for food donation.
  • User can select how many person he have to donate food.
  • Storing the users data on Mongo Server.
  • Used React to load website fast.
  • Mobile Screen friendly website.
  • User Authentication.

Technology used for Front-End

  • ReactJS
  • CSS
  • styled-jsx

Glimpse of our cloned website

image

  1. This is the sign up page of our Website.

image (1)

2.This is the profile page of our Website.

image (2)

  1. This pages shows the list of NGOs.

image (3)

  1. This page shows upcoming campaigns.

image (4)

5.In this page we can see the details of NGO.

image (6)

6.We can choose how much we have to donate (Non Veg/ Veg).

image (9)

7.This page gives choice to donate Cooked food or Raw food.

image (8)

8.We can adjust the pickup location and date-time.

image (10)

9.It gives options for self dilivery or pickup.

image (11)

Usage

To run the application locally; clone the repo, install dependencies and run the app.

$ git clone https://github.com/mansisindhu/seva-the-food-sharing-frontend.git
$ cd seva-food-sharing-frontend
$ yarn && npm start

The app starts in development mode and opens a browser window on http://localhost:3000. The project rebuilds and the browser reloads automatically when source files are changed. Any build or runtime errors are propagated and displayed in the browser.

Backend repo link