Coding Journey Dashboard, is an interactive web template dashboard... to track, measure, and enhance your coding skills and project progress.
- Quick Stats: Data on completed courses, active projects, overall progress, and certifications.
- Interactive Charts: Dynamic graphs visualizing learning and skill metrics.
- Project Management: Track active projects and upcoming deadlines.
- Achievements: Showcase recent achievements and milestones.
- Learning Paths: Personalized recommendations for improving your skills.
- Coding Activity Calendar: Visualize your daily coding activity.
- Key sections such as:
- Dashboard
- Messages
- Progress
- Projects
- Learning Paths
- Achievements
- Settings
- Notifications for important updates.
- Leaderboard to encourage friendly competition.
- Links to useful learning resources.
- HTML5: Markup structure.
- CSS3: Styling and layout (custom design via
styles.css
). - Font Awesome: Icons for visual enhancement.
- Google Fonts: Typography (Poppins font).
- Chart.js: Interactive data visualizations.
- AOS (Animate On Scroll): Smooth animations.
- JavaScript: Dynamic behavior and interactivity (
script.js
,messages.js
).
coding-journey-dashboard/
├── assets/
│ ├── images/
│ │ ├── header_logo.jpg
│ │ └── more_images...
├── styles.css
├── script.js
├── messages.js
├── index.html
We welcome contributions! To contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name
- Commit your changes and push the branch.
- Open a Pull Request.
This project is licensed under the MIT LICENCE. Feel free to use and modify it for personal and commercial purposes.
Feel free to explore and learn this dashboard for your coding journey. Happy coding! 😊