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
- This is the sign up page of our Website.
2.This is the profile page of our Website.
- This pages shows the list of NGOs.
- This page shows upcoming campaigns.
5.In this page we can see the details of NGO.
6.We can choose how much we have to donate (Non Veg/ Veg).
7.This page gives choice to donate Cooked food or Raw food.
8.We can adjust the pickup location and date-time.
9.It gives options for self dilivery or pickup.
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.