This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
The design aims to deliver a user-friendly interface combined with clean, engaging visuals to offer visitors an enjoyable and interactive experience.
The welcoming panda character that appears upon loading is intended to bring a smile and grab attention, while the bamboo theme creates a calm and nature-friendly atmosphere. Throughout the design process, we prioritized originality, functionality, and visual balance.
This project is the result of a collaborative effort that reflects our creative thinking and technical skills.
Project Description :
We proudly present EcoPanda, an engaging, multilingual website featuring an adorable animated red panda mascot designed to raise awareness about environmental sustainability. Our platform combines interactive education with a visually appealing design that captivates users of all ages.
What sets us apart is our creative use of character animation and bilingual accessibility, making our message both inclusive and memorable. With EcoPanda, we aim not only to inform but also to inspire action for a greener future.
Let’s make sustainability fun – one panda at a time!
Demo
But here's a demo link and the source code:
demo link
source code
Our First Journey into Web Development
It's been quite a journey for the three of us, diving headfirst into our first web development competition! We teamed up and built a website from scratch, relying on HTML, CSS, and JavaScript to bring our vision to life.
For us, a significant part of the learning curve was getting everything to run smoothly, which is why we chose to use Docker. It really helped us manage our environment and ensure our site worked consistently.
This was our first time participating in a competition like this, and it was an incredible experience. We're pretty proud of what we accomplished together!
What We Built
Our portal offers a comprehensive set of features to enhance employee experience and productivity:
- Dashboard: A quick overview of the day's essential information.
- Meet & Greets Calendar: Keeps track of important meetings and social events.
- Announcements: A dedicated section for company updates, including new projects, feedback surveys, office renovations, and company events like a picnic.
- Planner: Helps employees manage their tasks, from finalizing reports to scheduling 1:1 meetings.
- Employee Clubs: Showcases various interest groups like the Book Club, Art Collective, Fitness Group, and Gaming Guild.
- Employees Directory:A visual directory of employee profiles with names and images.
- Task Assignment: A feature to assign tasks to employees with specific due dates.
- Active Projects: Displays ongoing projects and their current status (In Progress, Planning, Completed).
- Discussion Forum: A platform for employees to post questions and answers, fostering communication and collaboration on topics like sustainability practices.
Built with: HTML, CSS, JavaScript
License: MIT
Browser Support: All modern browsers
Teammates : Zeynep Yeşim KOÇ, Merve ALTUN, Firdevs ALTUNTAŞ
Top comments (2)
EcoPanda is a brilliant, engaging, and impactful project – truly impressive work for your first web dev competition!
Thank you