voiiddxx / Pro-planet

A web-based platform designed to recognize environmentally conscious individuals and engage them in daily tasks aimed at transforming them into pro-planet persons

Home Page:https://pro-planet.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Github Project Readme

Pro Planet Person 🌍

A web-based platform designed to recognize environmentally conscious individuals and engage them in daily tasks aimed at transforming them into pro-planet persons

Backend

Checkout The Backend repo at:

https://github.com/voiiddxx/pro-planet-server

Acknowledgements🚀

A web-based platform designed to recognize environmentally conscious individuals and engage them in daily tasks aimed at transforming them into pro-planet persons

Working 💚

  • Account Registration 🔔:

Users must create an account to participate in the Pro Planet program.

  • Pro Planet Verification 💡:

Users can apply for Pro Planet verification within the dedicated section.

  • Verification Questions🌱:

In the Pro Planet Verification section, users will answer five questions. These questions may inquire about solar power in their house, separate bins for biodegradable and non-biodegradable waste, and more.

  • Proof Submission ✌️:

Users are required to submit proof for each question. For instance, they can provide geo-tagged images to verify the installation of solar power.

  • Admin Review 🔎:

An admin will review the submitted answers and either approve or decline the requests.

  • Pro Planet Coins 🪙:

Upon approval, users will be rewarded with Pro Planet coins.

  • Badge Achievement 🎀:

Users who accumulate 5000 coins will be awarded the prestigious Pro Planet badge.

  • Weekly Tasks 🪴:

The system includes a Weekly Task section where users can complete tasks assigned by the admin to earn more Pro Planet coins.

  • Admin-Generated Tasks 📢:

Admins will assign tasks, specifying titles, details, guidelines, reference images for proof submission, and difficulty levels.

  • Task Categories 🍃:

Users can explore the Weekly Task section, with tasks categorized as easy, medium, and hard.

  • Task Completion ✌️:

Users must complete the assigned task within a week and upload relevant proof, similar to the reference image provided.

  • Admin Review 🔎:

Admins will review submitted tasks and approve or decline them based on the provided proof.

  • Task Rewards 🪙:

Users will receive Pro Planet coins based on task difficulty. Easy tasks reward 50 coins, medium tasks reward 100 coins, and hard tasks reward 200 coins.

  • Leaderboard 🎯:

The system has a Leaderboard section that displays user rankings.

  • Monthly Rewards 🏆:

The top 5 users on the monthly leaderboard will receive an additional 1000 coins as a bonus

  • Pro Planet Hub 🍃:

In the Pro Planet Hub section, users can post their eco-friendly activities and initiatives. If a post receives more than 100 likes, the user will earn an additional 50 coins.

Note 🪧:

Additional rewards may be given based on user rankings to further incentivize participation in the program.

Tech Stack 💻

Client

  • React for displaying UI components
  • Context API to manage application's state
  • Axios For API requests
  • CSS for styling UI components
  • Figma for creating Design elements

Server

  • Node provides the backend environment for this application
  • Express middleware is used to handle requests, routes
  • Jsonwebtokens for authorized authentication
  • Bcryptjs for password hashing

Storage

  • MongoDB To store the Database
  • Mongoose schemas to model the application data
  • Cloudinary For media Storage

Deployment

  • Render for Server deployment
  • Vercel for client deployment

Testing

  • Thunderclient for API Testing

Screenshots

  • Splash Screen

Screenshot (210)

  • Register Screen

Screenshot (211)

  • Login Screen

Screenshot (212)

  • Home Screen

Screenshot (214)

  • User Home Loading

Screenshot (221)

  • User Home Screen

Screenshot (215)

  • Add Post

Screenshot (216)

  • Weekly Task

Screenshot (217)

  • view Task

Screenshot (218)

  • Submit Task

Screenshot (219)

  • Assign Task for admin only

Screenshot (222)

  • Pro planet verification

Screenshot (220)

  • Pro planet verification Request Only for admin

Screenshot (223)

  • Pro planet verification Approval (only for admin)

Screenshot (224)

  • Weekly Task Approval (only for admin)

Screenshot (225)

Demo

Will Uploading demo video soon

Support

For support, email nikhildesign@gmail.com

About

A web-based platform designed to recognize environmentally conscious individuals and engage them in daily tasks aimed at transforming them into pro-planet persons

https://pro-planet.vercel.app/


Languages

Language:JavaScript 68.1%Language:CSS 30.3%Language:HTML 1.6%