Skip to content

[Feature Request] Add About Project Page (about.html) #261

Description

@Riya-Kharade

💡 The Problem

Currently, EcoPulse does not have a dedicated "About Project" page.

While the platform includes interactive 3D visualizations and analytics, users do not have a clear understanding of:

  • The mission behind the project
  • The purpose of building EcoPulse
  • The development journey
  • The technologies used

This makes the platform feel slightly incomplete from a professional and presentation perspective.


🚀 Proposed Solution

Create a new page called about.html that introduces the EcoPulse project in a structured and visually appealing way.

The page should include:

  • 🌱 Project Mission
  • 🌍 Why Pollution Awareness Matters
  • 🕒 Timeline of Project Development
  • 🛠️ Tech Stack Explanation
  • 👩‍💻 Team Section (optional)

This page will be built using:

  • HTML for structure
  • Tailwind CSS for styling
  • Vanilla JavaScript for small animations (optional timeline animation)
  • No backend required

🎨 Visual Representation

The about.html page should include:

1️⃣ Hero Section

  • Heading: "About EcoPulse"
  • Short tagline about environmental awareness

2️⃣ Mission Section

  • Clear explanation of project goals
  • Why EcoPulse was created
  • Focus on sustainability and awareness

3️⃣ Why Pollution Awareness Matters

  • Brief statistics
  • Impact on health and environment
  • Importance of data-driven understanding

4️⃣ Development Timeline

  • Horizontal or vertical timeline layout
  • Milestones such as:
    • Initial concept
    • 3D implementation
    • Dashboard addition
    • Legal & SEO pages
  • Optional simple animation on scroll

5️⃣ Tech Stack Section

  • Visual cards for:
    • Three.js
    • Chart.js
    • Tailwind CSS
    • Vanilla JavaScript
  • Short explanation of each technology’s role

6️⃣ Team Section (Optional)

  • Contributor cards
  • Role description
  • GitHub profile links

🛠️ Implementation Details

  • New File: about.html
  • Styling: Tailwind CSS (eco theme colors)
  • Layout: Card-based sections
  • Animations: Optional scroll animation using vanilla JS
  • Navigation: Add link in footer and/or navbar

No new dependencies required.


🎯 Impact

This feature will:

  • Improve project professionalism
  • Provide clear project context
  • Strengthen presentation during hackathons
  • Enhance credibility for portfolio and internships
  • Make EcoPulse feel complete and well-documented

It transforms EcoPulse from a feature-based demo into a fully structured climate-tech platform.

Assign this issue to me under ECWOC'26

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions