Coder Social home page Coder Social logo

cubasve / slash-trash Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 870 KB

Eco-Friendly Household Product Finder and Tracker

Home Page: https://slash-trash.herokuapp.com/

JavaScript 63.31% CSS 5.54% EJS 31.16%
plastic swaps lifestyle household mongodb mongoose expressjs nodejs

slash-trash's Introduction

Slash Trash

Description:

Just like how we shouldn't pollute our global scope when coding, we shouldn't pollute our globe in real-life.

Slash Trash is a user's tool to a low-waste lifestyle by tracking their product changes in the household. It includes a search bar to find alternatives for everyday household items. The application provides a way for a user to take actionable steps to go green.

Background Info:

Plastic is ubiquitous in our society. It has many applications across multiple industries. Because of its widespread use, and often one-time use, it contributes to landfills.

Why should we avoid plastic?

  1. Plastic is not biodegradable (never decomposes). Instead, it breaks down into microplastics that float in our oceans and waterways.
  2. Recycled plastic is inferior to virgin plastic (newly-manufactured plastic). There is a finite amount of times recycled plastic can be recycled.

Screenshots of Application:

image

image

image

image

image

image

Technologies Used:

  • MongoDB
  • Express
  • Node

Dependencies:

  • dotenv
  • ejs
  • materialize css
  • method-override
  • passport

Getting Started:

Next Steps: Planned Future Enhancements

  • Additional Items and Alternatives: This application currently has 5 items and 13 alternatives. More data needs to be added.

  • Include a page for beginners and a page for tips: Users who are novices to this lifestyle might feel overwhelmed with all the information. A resource that includes beginner swaps (e.g. using a reusable water bottle or grocery bag) and tips to guide experienced and/or novice users on their journey would be beneficial.

  • Incorporate a feedback link: Allows the user to input their opinions about the application. This allows for the continual improvement of the application and a better user experience.

  • No results found for a search: There are many products in a household and it is difficult to compile them all into the application. By adding a feature where I can see what items are not returning results, I can add that particular item and its alternatives into the data for future users who want to search for that same item.

  • Incorporate a swaps dictionary: Not all users will want to search for swaps using the search bar. Some will want a list of them in alphabetical order to look up. Adding a sorting functionality that filters them by household area (ex. bathroom, kitchen) would be great.

  • User can like/comment on their individual swaps: Did it work for them? Is it better than the conventional household item? Is the user saving money because of the swap? With the original user's consent, their likes and comments on their alternatives can be visible on the search alternatives page. This will be a useful resource to other users interested in that particular alternative.

  • User can add their own swaps: Not every user will want to search for swaps. Users may want to manually add their own and that should be an available option for them to do.

slash-trash's People

Contributors

cubasve avatar dependabot[bot] avatar jtuppy avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

slash-trash's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.