Purpose
AscendHub is a gamified web application I created as an individual project for a web development course, designed to motivate users to stay consistent with their daily workouts. Inspired by the anime Solo Leveling, the app assigns users daily exercise routines to complete, allowing them to 'level up' and unlock achievements. Failure to complete tasks results in penalties like losing XP points or missing achievements, turning fitness into an engaging game. The primary goal is to transform mundane routines into an interactive experience, boosting motivation and commitment to health goals.
Technologies
For AscendHub, I utilized PHP with the Laravel framework, Tailwind CSS for a clean and responsive design, Alpine.js for interactivity, and Livewire for real-time updates. The user interface featured an engaging design with smooth functionality, enhanced by Tailwind CSS and Livewire, ensuring a seamless experience as users tracked progress, earned XP, and unlocked achievements.
Soft Skills
This project enhanced my problem-solving skills as I tackled challenges like real-time updates and dynamic features. I also improved my time management by reflecting on rushing certain parts, and developed creativity by integrating gamification inspired by Solo Leveling to make fitness engaging.
Role
As the sole developer, I took on the role of a full-stack developer for AscendHub. I designed the gamified system, implemented workout tracking, XP awards, and penalties using Laravel, Livewire, and Alpine.js, and crafted the user interface with Tailwind CSS. I overcame initial complexities with real-time updates and authentication by seeking help from my teacher, friends, ChatGPT, and Google searches.
My Contributions:
- Designed a gamified workout system inspired by Solo Leveling
- Developed backend logic with PHP and Laravel for workout tracking
- Created a responsive UI using Tailwind CSS
- Implemented real-time updates with Livewire and Alpine.js
- Integrated XP system and achievement unlocks
- Resolved challenges with teacher, peer, and online support
Documentation
The project documentation covers the gamified structure, including workout routines, XP tracking, and achievement systems. It details the use of Laravel for backend, Tailwind CSS and Livewire for the frontend, and challenges faced with real-time updates. Reflections on time management and potential improvements for future iterations are also included.
Images
