Preppy Job Prepper

An AI-enriched job interview preparation app helping developers refresh core programming concepts. Built with Vue.js 3, featuring structured curriculum browsing and an intelligent chatbot assistant.

Build something similar Back to portfolio samples Visit live →

Challenge

Developers preparing for technical interviews need efficient ways to review programming fundamentals without wading through lengthy documentation. Traditional study resources lack interactive explanation capabilities, and existing tools don't provide on-demand clarification when concepts are unclear. The app needed to support multiple programming languages while maintaining fast, structured navigation.

Solution

Developed a Vue.js 3 single-page application with Prism.js for syntax highlighting across programming languages. Implemented a curriculum-driven UI with topic selection, searchable content, and progress tracking. Integrated an AI chatbot assistant (Preppy AI) powered by OpenAI to provide conversational explanations, answer concept questions, and offer additional context on demand.

Project snapshot

Highlights

OpenAI-powered Preppy AI chatbot for concept explanations

Vue.js 3 SPA with Prism.js syntax highlighting

Multi-topic curriculum selector for focused study sessions

Searchable curriculum for quick concept lookup

Extensible architecture for C#, GO, SQL language support

Key features

AI chatbot assistant for interactive concept Q&A

Curriculum browsing with categorised programming topics

Multi-topic selection for customised revision sessions

Full-text curriculum search for rapid concept discovery

Code examples with Prism.js syntax highlighting

Progress indicators for tracking study completion

Results

Structured learning flow with clear topic progression

Faster concept revision via searchable curriculum

On-demand AI explanations reducing reliance on external docs

Syntax-highlighted code examples improving comprehension

Scalable architecture ready for additional languages

Portfolio samples represent work completed for clients. All trademarks and brands remain the property of their respective owners. If you are a past client and would like your project removed or described differently, please contact us.