[Feature] Add Animate on Scroll (AOS) for enhanced UI #543
Description
Is your feature request related to a problem? Please describe
Currently, developers on Dev-Elevate can only list their skills without any objective measurement.
This creates challenges such as:
- Difficulty identifying knowledge gaps
- Inability to demonstrate progress over time
- Reliance on subjective self-assessment
Describe the solution you'd like
A clear and concise description of what you want to happen.
I propose implementing an Interactive Skill Assessment Module with the following components:
1. Assessment Engine
- Users select a skill (e.g., React Hooks, Python Data Structures, SQL Joins).
- A short, timed quiz (10–15 MCQs) or a small coding challenge is presented.
- Based on results, assign a proficiency level:
- Novice
- Competent
- Proficient
- Expert
2. Profile Visualization
- Add a new Skills section on user profiles.
- Display skills and proficiency with radar charts, bar graphs, or skill trees.
- Provide an at-a-glance view of strengths & weaknesses.
3. Progress Tracking
- Allow re-assessments after a defined period (e.g., once per month).
- Store historical assessment data.
- Show a timeline of improvement for each skill.
Describe alternatives you've considered
- Manual Self-Reporting: Users set their own level (e.g., 1–5 stars).
- ❌ Subjective and unreliable.
- Linking External Profiles (HackerRank, LeetCode).
- ❌ Requires outside platforms, not fully integrated.
Additional context
This feature would:
- ✅ Gamify learning and increase user engagement
- ✅ Provide clear direction by highlighting weak areas
- ✅ Motivate users through visible progress tracking
- ✅ Enhance portfolios with data-driven, visualized skills