FoodVan

About

Web application where users can give away foods they are not using instead of throwing it away.

Stack used

1. MongoDB
2. ExpressJS
3. NodeJS
4. ReactJS

Simple notes while using the application

1. Enter phone number with country code + phone number (Dummy one if you want for privacy)
2. Please upload small images <25 KB for the listing, it might not be supported by the application

New learning

1. Auth0
2. MERN application alto together

Challenges

1. I am usually more comfortable with frontend development. Therefore for this hackathon, I have decided to use a template for my frontend and focus on the backend development instead. I have pulled my frontend template from (this github repository)[https://github.com/jaredhattingh/react-mui-template], however I have still done the styling of the website and the Auth0 set up on my own.
2. Using MongoDB cloud with NodeJS. I got multiple errors related to outdated piece of code and mistypes.
3. Uploading and fetching images to MongoDB. In my application, I converted the uploaded image to base64 before uploading them to MongoDB. I can only upload small images, I am planning on finding a better way to upload images.
4. Limited amount of time and wanting to accomplish more

Deployment

1. Frontend
2. Backend

Built With

• auth0
• express.js
• mongodb
• mui
• node.js
• react