Waste Watcher is a web and mobile application that makes recycling fun. It provides a way to track what and how often users recycle and shows users the impact they're making on the environment. Points are awarded for every item recycled-- every 100 points a digital tree is planted. The ultimate goal of the app is to spread awareness of how important recycling is for the environment, and make recycling more accessible for everyone.
- Set up NodeJS and Express backend file architecture.
- Installed dependecies such as Mongoose for MongoDB, Express, etc.
- Built out the schema to store user information and recycled items.
- Imported and connected files to make sure they perform full CRUD functionality.
- Deployed to Heruko and connected to MongoDB Atlas, tested CRUD functionality using MongoDB Compass and Postman.
- Created a well-designed front-end experience based off of collaboration with UXDI team.
- Set up the front-end file architecture (components, images, services, and screens) and made sure files were connected to appropriate routes.
- Used Styled Components library for styling of all components.
- Built out the ability to create, edit, and delete user account information.
- Deployed site using Netlify.
- Created a fully-functional screen that allows users to log recycled items.
- Created a metrics page that shows user progress with an animated progress bar.
- Created total digital tree count based off of user points.
- Created a statistics chart using the D3 library, displaying a percentage of recycled items by category.
- Created an animated loader to display while API calls are in progress.
- Built pop ups based off of app design, for user errors and confirmations.
- Implemented mobile-friendly styling.
const mongoose = require('mongoose')
const Schema = mongoose.Schema
const User = new Schema(
{
accountInfo: {
username: { type: String, required: true },
email: { type: String, required: true },
password: { type: String, required: true },
profileImg: { type: String, required: true }
},
points: { type: Number, required: true },
itemCategories: {
metal: { type: Number, required: true },
glass: { type: Number, required: true },
plastic: { type: Number, required: true },
cartons: { type: Number, required: true },
paper: { type: Number, required: true },
cardboard: { type: Number, required: true }
}
},
{ timestamps: true }
)
module.exports = mongoose.model('users', User)Brought to you by:
