• Application Flow • Key Features • How To Use • Demo Images

UML Sequence Diagram :-

UML Activity Diagram :-

• User Roles :-

  • The web-app supports three distinct user roles, ensuring tailored experiences for administrators, shop owners, and regular users.

• User Account Management :-

  • Users can easily create and update their accounts to personalize their experience within the app.

• Recycling Rewards :-

  • Users can earn coins by scanning or uploading QR codes from partnered shop dustbins, encouraging and rewarding recycling efforts.

• Shop Discovery :-

  • Users can conveniently locate nearby partner shops on a map based on their current location.

• User Dashboard :-

  • Bottle Disposal Graphs: Users have access to graphical representations of their recycling activities, displaying disposed bottles over the last week and month.

  • Coins Earned History: Users can track their earned coins history, providing transparency and motivation for continued recycling.

• Admin Dashboard :-

  • Statistical Insights: Admins can view statistics such as active users, active shops, and the most-used dustbins through intuitive graphs.

  • Usage Statistics: Detailed statistics on user bottle disposals and shop dustbin usage, with customizable time-spans for the last week or month.

• Admin Functions :-

  • Shop Owner Management: Admins can register shop owners, manage bottle stocks from partnered companies, and create discount coupons to boost recycling participation.

• Shop Owner Dashboard :-

  • Dustbin Usage Tracking: Shop owners can monitor their dustbin usage through easy-to-understand graphs with weekly or monthly time-spans.

  • Coin Redemption: Shop owners can utilize their earned coins to claim discounts when purchasing bottle stocks, encouraging them to continue supporting recycling efforts.

  • Earning Incentives: Shop owners earn coins each time their dustbin is used, creating a continuous incentive for active participation.

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line :

# Clone this repository
  git clone https://github.com/Pravin69/Wastco.git

# Go into the repository
  cd Wastco

# Install client dependencies
  cd client
  npm install

# Install backend dependencies
  cd backend
  npm install

# Configure environment variables by creating .env file in the backend and client directory and copy the content of env.example file in .env file, and fill it with your own secrets.
  cp env.example .env

# Create a MongoDB database and name it 'wastco_app', You can use MongoDB Atlas cloud free tier.

# Start backend in a terminal
  cd backend/
  npm start

# Start client in another terminal while backend is running.
  cd client/
  npm run dev

• Apna-Shop - An e-commerce platform
• Share-and-Fun - A social media web-app