voiiddxx / pro-planet-client

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

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

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

• Register Screen

• Login Screen

• Home Screen

• User Home Loading

• User Home Screen

• Add Post

• Weekly Task

• view Task

• Submit Task

• Assign Task for admin only

• Pro planet verification

• Pro planet verification Request Only for admin

• Pro planet verification Approval (only for admin)

• Weekly Task Approval (only for admin)

Demo

• The Webiste is Live at https://pro-planet-client.vercel.app/

  Admin User id

  • Username: Nikhil
  • Password: Nikhil

Will Uploading demo video soon

Support

For support, email [email protected]