The DBS ITDT Code Quest, built with Nuxt and TypeScript, provides hands-on exercises and videos for members to learn different web development technologies in a curated streamlined curriculum.
- Nuxt.js
- TypeScript
- CSS
- MongoDB
- Interactive front-end sandbox
- Web dev exercises with automatic validation
- Competitive ranking system for users to see their progress relative to others
- Fully responsive for mobile, tablet, and computer users
Development began in 2023 summer. This app began as an interactive platform that allowed DBS ITDT officials to teach web development interactively under a streamlined curriculum. I designed the UI from scratch in Figma, focusing on an intuitive and effective user experience that allowed the user to focus on completing objectives in the interactive sandbox and get rewards from completing exercises. The automatic validation system was built to be scalable so that new exercises can be added by ITDT officials with relative ease. To strengthen user engagement, I also added a rank and leaderboard system for users to compete with each other. While certain components could be made smoother, I am overall happy with directing and developing the completion of this full-stack app.
- Clone the repository
- Install dependencies
npm install - Start the development server by running
npm run dev - Open
http://localhost:3000:on a browser