Skip to content

rht16/seva-the-food-sharing-frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Seva-The Food Donation App

This app is build for the people who wants to donate the food. Built this website in coordination with UI/UX designer.

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 https://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

About

A food donation app for betterment of society built in reactJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.9%
  • CSS 34.9%
  • HTML 3.2%