Feed Section - View everyone's posts, their location and the ETA
Create a POST - Add your ad on homepage
Driver View - For detailed journey report and help
Interact with customers - Issue/resolve tickets, contact via insta message and email service
On site message and call your clients
Developer Friendly - Verbose logs and extremely developer friendly project
More than 10 million Tones are collected each year in Europe, and while 40 to 50 % of it should be recycled, the reality is different and while governments are trying to improve this, we should not forget, that a big part doesn't even get to be collected.
Who has never stored an unused object for years not knowing what to do with it,
Who has never found themselves with a cumbersome broken object and dreamed of the bulky waste collection day, or had to pay a fee to get rid of it?
Well, did you know that some communities, and regular citizens, are spending hours to find an object like yours! They scrutinize the street and spend unnecessary gas, some are willing to give a second life to old objects, others want to earn a bit of money by selling the worthy components and materials. This is how, one day, I thought about this mattress that is taking place in my small apartment, knowing that I relucted for months to pay the extra fee to get rid of it, and was willing to be able to give it to one of whom it will interest, without putting in front of my building as if it was a place for it.
What It Does 🎯
CollectUp.io connects the regular citizens that are dreaming to get rid of their usable but worthless(for them) objects, or even broken ones, with those who could seek benefit from it, from a family trying to get more furniture for their household, to companies trying to expand their customer target proficiency and reach, by proposing their services.
How to use 🔧
The CollectUp Web App serves 2 different clients, namely, community members with large materials to be recycled and the recycling companies or government organizations that collect these materials.
- For our users, we designed CollectUp with the intention of making it intuitive and user-friendly.
- Users who have large materials they intend to recycle like household furniture, electronics, or metals can simply click on the "Create New Post" button at the bottom right-hand corner of the screen. This would bring up a pop-up for them to key in their details and submit a photo of the item they intend to recycle.
- Upon submission, this data would be visible on the map, allowing recycling companies and government organizations to know where exactly each individual is located.
- View the pickup timeline and ETA of reaching your location.
- And if you are feeling lucky, the ability to give that post some likes and share it with your friends if you think they might be interested in buying some old stuff. Maybe for their secret backyard project? :shhh:
- Be able to track your pickup Trucks live, get timelines, and show relative timings as to when the pickup would arrive at your location. Ability to schedule your pickup timings using the calendar.
- If you want a more customizable approach and more information for the trip, head to the driver section and add details to get proper driver instructions and ETAs and rest-stops for the journey. All visualized in a beautiful graph
- Companies and public organizations have the additional functionality of being able to take advantage of the here-matrix-route technology that
- Calculates for them the distance from each collectible objects in their region,
- Plan their day, reaching out to their potential customer, to take care of their non-interesting waste.
- Contact customers on the platform itself and send messages to discuss the pickup details
How we built it 🤞🏿
- The project was primarily built with the MERN stack (MongoDB, ExpressJS and ReactJS, and NodeJS).
- Deployed on Google cloud platform, using Google cloud storage and using GCP-atlas no-SQL DB for storage.
- The maps on the front end were built with HERE API. As HERE didn't have a React abstraction, we essentially created an ORM for the same. Hence, just using the official minified js files, we created a wrapper for React (this was the biggest hurdle for us), as the community maintained the library didn't have extensive API support.
- Used various HERE layers - for traffic, satellite view, truck routing, trip ETA, etc
- HERE Features used
- Interactive Maps and Vector Tile
- Geocoding and Reverse Geocoding Search
- Matrix Routing
- Fleet Telematics - Waypoint sequencing
- Fleet Telematics - Tour planning
Challenges Faced 🚀
It was a challenge for us to finish implementing the different features we had planned in time. Working on creating an ORM for JS SDK for React caused the whole development process to take longer than expected. But this bore fruit at later stages when the component flow was perfect. Working with HERE was a fun experience, the documentation and the customization options are endless!
What we have learned 📖
Managing and coordinating work, even though we were in different timezones was remarkable. From the core of React, and Node optimizing the component rendering using Refs and accessing DOM elements to map HERE functions, this was surely a rollercoaster. But at least we successfully created a publishable react library for HERE