The Social Media Engagement Tracker is an interactive frontend project created for learners enrolled in a digital marketing course. Integrated into a Moodle learning environment, the project helps students explore and understand key social media metrics through a simple and engaging interface.
The application was designed with a mobile-first approach, making it responsive, accessible, and easy to use across different devices.
Tools
- HTML5
- CSS3
- JavaScript
- Moodle LMS
The Problem
Many digital marketing learners struggle to understand social media analytics through theory alone. Traditional course materials often lack interactive elements that allow students to explore engagement data in a practical way.
The challenge was to create a simple learning tool that could present marketing metrics visually while remaining easy to navigate for all learners.
The Process & Challenges
The project began with planning a clean dashboard layout that could fit naturally within a Moodle course. The interface was designed to be interactive, responsive, and accessible for different screen sizes and learning needs.
One of the main challenges was balancing functionality with simplicity. Since the project was frontend-only, simulated engagement data had to feel realistic while keeping the interface lightweight and fast.
Another challenge was ensuring accessibility through proper color contrast, keyboard navigation, and readable layouts for all users.
The Solution
The final product is a responsive social media tracking interface that allows learners to explore engagement metrics in a more visual and interactive way.
Features include:
- Interactive engagement cards
- Responsive mobile-first design
- Accessible user interface
- Visual performance tracking
- Easy Moodle course integration
The project supports digital marketing learners by making social media analytics more engaging, practical, and easier to understand.