Project FullFill
FullFill is a fullstack project that aims to serve those facing food poverty by providing a one-stop-shop for both corporate and public volunteers to organise food donations and outreach.
Client deployed via Netlify
Server deployed via Heroku
Final presentation available on Canva
Initial pitch and MVP available on Gist
Wireframes and planning available on Figma
Team Member | Role |
---|---|
Alfie Kelly | Back End Development and Testing |
Amarachi Umeloh | Front End Development and Wireframing |
Doreen Kamushinda | Front End Development and Design |
Thayaan Srisathialingam | Front End Development and Testing |
Trina Yau | Front/Back End Development and Project Manager |
To run locally:
Clone or fork this repo
Client:
- Run
cd client/blogapi
in terminal to enter React client directory - Run
npm install
to install all dependencies - Run
npm start
to start the server
Server:
- Run
cd server
in terminal to enter Django server directory - Run
pipenv shell
to enter virtual enviroment - Run
pipenv install
to install all dependencies - Run `python manage.py makemigrations to start db
- Run
python manage.py migrate
to migrate changes! - Run
python manage.py runserver
to start the server
A .env file is required for the client to run perfectly:
- Make a
.env
file in client/blogapi - Inside the file: put
REACT_APP_GOOGLE_KEY=YOUR_GOOGLE_MAPS_API_KEY
please put your own Google Maps API key in here
- Not just providing a platform to find food banks, but also to allow people to organise themselves into grassroots volunteering groups to serve their local community.
- In times of community distress and emergencies, the local community can organise around a website that directly serves this purpose rather than on social media which is less focused on the immediate need
- Food bank locator
- User authentication
- Ability to create and join community groups
- Food donation page where charities post what food they need
- Deployment
- Events/blog post section -> Admin get to post
- Individual user profiles -> what community you are part of
- Mailers -> sign up for newsletter for this week's volunteering opportunities
- User can add own profile photo
Purpose | Technology |
---|---|
Front End | React using MaterialUI library |
Back End | Django using Django Rest Framework |
APIs | Give Food API, React Google Maps API, The Meal DB API |
Database | Development: Django default SQLite3, Deployed: Heroku PostgreSQL DB |