ELocate ♻️

E waste Facility Locator & Recycling Platform ♻️

A i-nnovate Hackathon by intelliswift Finalist Project Team Spam Byte From Deogiri Institute of Engineering And Management Studies Chh. Sambhajinagar.

Update : Won The Position of Second Runner Up & 30 K price in hackathon at i-nnovate Hackathon 2023 By Intelliswift Software Pvt. Ltd at Symbiosis International University

Click on link below to have intro to ELocate :

Intro To Elocate Video in Short But In Detail

Live Preview

Here you can view the deployed version ELocate ♻️

Videos

Click on link below to have demo of our prototype : Prototype Video

Setup

To Setup this project run

git clone https://github.com/shuence/ELocate
cd ELocate
yarn
yarn dev

Resources

• NextJs Docs
• Tailwind Css

ELocate Features

• Facility Listing: Display a comprehensive list of e-waste recycling facilities for users to explore.
• Verified Facilities: Highlight and showcase verified facilities on the platform, ensuring reliability.
• Facility Details: Provide detailed information about each facility, including location, contact details, operational hours, and verification status.
• User Authentication: Allow users to create accounts and log in to access personalized features and book recycling services.
• Booking System: Enable users to schedule e-waste pickups online through a secure and user-friendly booking system.
• Search Facilities: A search functionality to help users find specific recycling facilities based on their location and preferences.
• Responsive Design: Ensure the platform is optimized for various devices, providing a seamless experience across desktops, tablets, and smartphones.
• Newsletter Signup: Allow users to subscribe to a newsletter to receive updates on e-waste management practices and promotions.
• Educational Content: Include an educational section with blogs and information about the impact of e-waste, user responsibilities, and sustainable practices.
• Contact Form: Provide a contact form for users to inquire about recycling processes, offer feedback, or seek assistance.
• FAQ's: Include a frequently asked questions (FAQ) section to address common queries related to e-waste recycling.
• Analytics: Integrate analytics tools to gather insights into user interactions and improve the platform.
• Alerts: Implement appropriate alerts for errors and successful actions, enhancing the overall user experience.
• Rules and Regulations: Display information on government rules and regulations regarding e-waste management and the latest notifications in the field.

What We learned

While building this project, We embarked on our full-stack journey, The journey was both exciting and challenging, and We learned a lot along the way:

1. Frontend Gracefulness: As We crafted the frontend, We encountered various errors, but I embraced each challenge as an opportunity to learn. With useState and other hooks, along with Tailwind Css for styling, we built an intuitive and responsive user interface.

2. Backend Confidence: Setting up the Express and MongoDB server initially seemed daunting, but We persisted. Working on controllers for API calls and defining routes took time, but We gained confidence as We overcame each obstacle.

3. Expanded Toolkit: Throughout the project, We explored additional React concepts like useEffect, useContext, and NextJs 14 SSR Features.

4. Deployment Know-How: Deploying the backend server was a crucial step in making the application accessible online. We learned to configure the production environment, manage dependencies, and ensure security with HTTPS and authentication.

5. Continuous Improvement: We adopted a proactive approach to monitoring and logging server performance, identifying potential issues early on and implementing CI/CD pipelines for smooth and automated deployments.

6. The Joy of Problem-Solving: Despite encountering obstacles, We discovered the joy of problem-solving and the satisfaction that comes with finding solutions to complex challenges.

7. Version Control and Rollbacks: We grasped the importance of version control not only for the codebase but also for server configurations, facilitating easy rollbacks if needed.

Overall, this project marked a significant milestone in Our journey in this i-nnovate Hackathon by intelliswift.

Tech Stack

Client: NextJs, TailwindCss, React Icons, MapBox

Server: Node.js, ExpressJs

Database: MongoDB

Roadmap

• Implement additional login options, such as Google signup.
• Explore and integrate popular payment gateways for secure online transactions.
• Enhance the app with modern features like real-time chat support and personalized recommendations.
• Introduce advanced search filters for customized facility searches.
• Implement a user dashboard for managing and tracking bookings.
• Implement facility dashboard for managing and updating facility info and manage bookings and other data.
• Implement Admin dashboard for managing and updating facilities, verification, generating various reports and other data.

Hi, We are Spam Byte! 👋

🚀 About us

We are a team from Deogiri Institute of Engineering And Management Studies Chh. Sambhajinagar.

• Krishna Dnyaneshwar Aute - Krishna
• Shubham Vishnu Pitekar - Shuence
• Dayeeta Chakravorty - Dayeeta
• Samruddhi Shirish Giri - Samruddhi
• Siddhi Sudhakar Tribhuwan - Siddhi

Happy coding 💯

Made with love from Spam Byte ❤️