Project context

As a junior developer, you, and your team have been tasked with designing and developing a responsive and secure platform for Eco-Action Tracker. This project will enable users to participate in and track their eco-friendly actions, contributing to collective sustainability goals. The platform will cater to individuals, businesses, and communities, encouraging them to reduce their carbon footprint, track their progress, and engage in eco-challenges. Your task is to create an interactive and informative application that motivates users to adopt eco-friendly habits while fostering a community of environmental consciousness.

​

Types of Users:

Individuals:

Log eco-friendly actions, set personal goals, and track environmental impact (e.g., CO2 reduction).

Join community challenges and earn badges.

​

Administrators:

Manage user accounts, challenges, and user-submitted content.

Oversee platform functionality and content moderation.

Provide eco-friendly products in the marketplace.

​

Key Features:

Home Page:

Introduce the platform, display eco-challenges, and show collective user contributions—real-time progress of community challenges.

​

Login/Register:

Secure login system with social options and multi-step authentication.

​

Eco-Challenge Pages:

List ongoing and upcoming challenges, filtered by type.

Individuals: A dashboard showcasing personal goals, CO2 reduction progress, badges earned, and upcoming eco-challenges So they can select from personal challenges like "Reduce plastic use for a week" .

it should be reflected in the dashboard, like: "65% of the 'Eliminate 10,000 plastic bottles' challenge has been completed. We’ve already prevented over 6,500 bottles from entering the ocean!"

​

Eco-Goal Management:

Users create, edit, and track progress on personal (e.g., "Use public transport twice a week") and track their progress with visual graphs, reminders, and motivational messages.

​

Community Feed:

Users share tips and progress; interact with posts and discussions on eco-friendly habits. and interact through comments or reactions

Event Sharing: Post about local or online eco-events like planting 100 trees, clean-up drives, or webinars.

​

Marketplace:

Product Listings:

With secure payment processing, businesses showcase eco-friendly products like sustainable clothing, energy-efficient gadgets, and plastic-free alternatives.

Discounts & Offers:

Users can earn discounts or eco-friendly rewards (like reusable bags or carbon credits) through challenge completion.

​

Impact Reporting:

Personalized Impact Reports:

Users receive monthly or weekly reports showing how much they’ve contributed to the environment (e.g., CO2 reduction, waste minimized, energy saved).

Leaderboard System: A ranking system that displays top contributors in terms of individual,

​

Admin Dashboard:

Manage users, eco-challenges, content, and platform insights.

​

Innovative Features:

Real-time updates on challenge progress.

As users log actions like switching to LED bulbs or cutting down on electricity use, the platform dynamically updates the total energy saved.

Eco-webinars and events via live streaming.

Reward system for achievements (badges, discounts).

Deploy the website using Render.

Use Jest to Create Unit tests for testing your code

Give me a idea for this project that contain all thing and give me all details, in arabic