E-Waste Facility Locator & Recycling Platform ♻️

Here you can view the deployed version of ELocate: Live Preview

Click on the link below to view a demo of our prototype: Prototype Video

To set up this project, run the following commands:

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

• Next.js Documentation
• Tailwind CSS Documentation

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

Building this project was an exciting and challenging journey during the i-nnovate Hackathon by Intelliswift. Here's what we learned:

• Gained experience with React hooks like useState and useEffect.
• Designed an intuitive and responsive user interface using Tailwind CSS.
• Overcame various frontend errors, making the process a valuable learning opportunity.

• Set up an Express.js and MongoDB server.
• Worked on API controllers and routes to handle backend functionality.
• Learned to deploy the backend server and ensure a secure production environment.

• Explored additional React concepts like useContext and Next.js SSR features.
• Configured CI/CD pipelines for automated deployments.

• Learned to configure HTTPS and authentication for security.
• Adopted a proactive approach to server monitoring and logging.
• Emphasized the importance of version control for both codebase and server configurations.

• Discovered the joy of solving complex challenges and finding efficient solutions.

• Next.js
• Tailwind CSS
• React Icons
• MapBox

• Node.js
• Express.js

• MongoDB

1. Implement additional login options (e.g., Google signup).
2. Integrate popular payment gateways for secure transactions.
3. Add real-time chat support and personalized recommendations.
4. Enhance search functionality with advanced filters.
5. Develop a user dashboard for managing and tracking bookings.
6. Create a facility dashboard for managing facility info and bookings.
7. Build an admin dashboard for managing facilities, verification, generating reports, and more.

Made with ❤️ by Spam Byte