Inspiration Our inspiration for EcoVerse stemmed from the desire to create an accessible, interactive platform that encourages individuals to take meaningful action toward combating climate change. By simplifying complex topics like carbon footprints and energy savings, we aimed to educate and empower users to make informed decisions that contribute to a healthier planet.
What It Does EcoVerse is a dynamic website that:
- Offers tools like the **Carbon Footprint Calculator and Energy Savings Calculator to quantify users environmental impact.
- Provides curated resources and updates on global climate issues and UN initiatives.
- Encourages actionable steps through the Take Action section.
- Features an intuitive layout and mobile-friendly design to ensure accessibility across devices.
How We Built It
- HTML Structure and Content
- Michelle and Roux collaboratively built the foundational structure, including key sections like "Home," "Global Impacts," and "Resources."
- Placeholder text, links, and organized navigation menus ensured clarity and user flow.
- Michelle and Roux collaboratively built the foundational structure, including key sections like "Home," "Global Impacts," and "Resources."
- CSS Styling:
- Michelle led the effort in creating visually appealing layouts using grids, cards, and responsive media queries.
- Additional styling included polished fonts, colors, and Font Awesome icons for seamless aesthetics.
- Michelle led the effort in creating visually appealing layouts using grids, cards, and responsive media queries.
- JavaScript Functionality:
- Roy implemented interactive elements and calculator logic to ensure the tools functioned effectively and provided dynamic results.
- Roy implemented interactive elements and calculator logic to ensure the tools functioned effectively and provided dynamic results.
Challenges We Ran Into
- Complexity in Calculator Functionality: Developing robust logic for user inputs and ensuring accurate calculations was time-intensive.
- Balancing Design and Responsiveness: Crafting a visually engaging yet mobile-friendly layout required multiple iterations.
- Content Organization: Structuring diverse sections cohesively posed a challenge, particularly in the navigation and "Resources" sections.
Accomplishments That We're Proud Of
- Successfully developing interactive calculators that deliver actionable insights.
- Achieving a mobile-responsive design that caters to diverse user devices.
- Creating an engaging platform that combines research, design, and interactivity to raise awareness about climate change.
What We Learned
- The importance of collaborative teamwork, where each team member contributed unique skills.
- Advanced techniques in CSS styling and JavaScript functionality for interactive web design.
- How to present complex environmental data in a way that is both informative and user-friendly.
What's Next for EcoVerse
- Expanding calculator capabilities to include more variables and provide deeper insights.
- Adding more content, such as user stories and interactive maps, to make the platform more engaging.
- Integrating social sharing features to amplify awareness and encourage community-driven actions.
Team Contributions
- Michelle: Led CSS styling and UI design, implemented calculator layouts, and ensured mobile responsiveness.
- Roux: Conducted research on climate issues and UN initiatives, supported HTML development, and contributed to CSS styling.
- Roy: Enhanced JavaScript functionality, redesigned the website structure for a smoother experience, and implemented interactive features.
EcoVerse is our collective effort to inspire and empower individuals to care for the world through knowledge and actionable tools.
Log in or sign up for Devpost to join the conversation.