Ciranda supplies brands and manufacturers with the highest quality certified organic and non-GMO ingredients. As part of its' sustainability mission, Ciranda wants to help customers properly recycle commercial shipping containers such as a metal drums, plastic drums, intermediate bulk containers (IBCs), plastic film, and cardboard.
To interact with the application you can try it here.
Ciranda tasked our team with building a search engine user interface that allows customers to search for, locate, and contact recycling companies in their area to meet their needs. Ciranda Recycling Center Interface was created in partnership with Prime Digital Academy by John Idso, Kong Yang, Shawn White, Matthew Bouc, and Steve Savstrom.
- Customers can search for recycling centers based on geographic area.
- Locate recycling centers based on service area and materials they accept.
- Contact recycling centers by accessing phone, email, website, and address.
- Provide feedback to Ciranda on individual recycling companies.
- Provide feedback to Ciranda on their participation in recycling efforts and contributions to sustainability mission.
- Create a SQL database named
ciranda(seedatabase.sqlfor setup instructions.) - Open your text editor and run
npm installin Terminal. - Run
npm run serverin Terminal. - Run
npm run clientin another Terminal to view React application.
Users:
- Users can search for recycling centers by state and materials to return a list of local and national recycling centers that serve their area and accept the materials they wish to recycle.
- Users can view details including contact information by expanding the collapsible list to reveal additional information.
- Users can provide feedback on specific recycling companies by clicking the
feedbackbutton in the details view including their experience or information that needs to be updated (i.e. hours, address, materials accepted, etc.) - Users can provide Ciranda with feedback on how often and how much they are recycling by clicking the
click herelink in the alert at the top of the search page.
Admin:
- Superuser can create additional admin/employee accounts by completing the
register userform. - Admins can post new recycling centers to the database by clicking
add recyclerin navigation bar when logged in. - Admins can view feedback by clicking
feedbackin the navigation bar. - On feedback page, admins can view company feedback and recycling feedback by toggling between the feedback views.
- On the search page, admins can search by location and materials to view company details.
- On the company details view, admins can edit company details by clicking the
editbutton. - On company details view, admins can delete a company by clicking the
deletebutton.
Thank you to Ciranda and Prime Digital Academy for partnering to build this application. © 2021 Ciranda, Inc. All Rights Reserved.
If you need support or have suggestions, please contact hello@primeacademy.io