001110010100101010100101001010100101101001010

1100101010100111011010100101010100101010101001

000101010101011111100101010101001010101001010100

001010100101101010111101010101101000110011010010

11001010101001010101011100101011100100101010000111010010101010100001010

1101001010010001110010110110010110000110000110010010101001

1001001010101001110010111001010100101000010101001010010

10010010101010101001001111010100110111010011010100010100100

10101010101010100101110100101001010010101010100111001010010010100

10001100101010101011001010100101011000100101001010

11100101010101010100110101011001011101100101010

000101001011100010100111001010110000110101100001100

1100111101101110011100001010101101100001100101

000110101011011101010000001010110001100101010010

110101110110101100011100000111000001010101010100

101010100001011100000011001101100001010101010

01010101010101010011010001011001010101011001001010

1101010110110101100111100000101001010101001110001100100100010101001010

0000110101010110010000101001010100101010100001100001010

11101010110010101011100101011110010110010010

0101111000010100001010101010101010000101000101010000101010

1101111000010101111000001010101010100011000101010

000010010110001111000000101001110000101010

10101001110101010000011100001110010101010100

110101101011000101101010100101010100101010101010

00001101010101100100001010010101001100001100001010

001110010100101010100101001010100101101001010

1100101010100111011010100101010100101010101001

000101010101011111100101010101001010101001010100

001010100101101010111101010101101000110011010010

11001010101001010101011100101011100100101010000111010010101010100001010

1101001010010001110010110110010110000110000110010010101001

1001001010101001110010111001010100101000010101001010010

10010010101010101001001111010100110111010011010100010100100

10101010101010100101110100101001010010101010100111001010010010100

10001100101010101011001010100101011000100101001010

11100101010101010100110101011001011101100101010

000101001011100010100111001010110000110101100001100

1100111101101110011100001010101101100001100101

000110101011011101010000001010110001100101010010

110101110110101100011100000111000001010101010100

101010100001011100000011001101100001010101010

01010101010101010011010001011001010101011001001010

1101010110110101100111100000101001010101001110001100100100010101001010

0000110101010110010000101001010100101010100001100001010

11101010110010101011100101011110010110010010

0101111000010100001010101010101010000101000101010000101010

1101111000010101111000001010101010100011000101010

000010010110001111000000101001110000101010

10101001110101010000011100001110010101010100

110101101011000101101010100101010100101010101010

00001101010101100100001010010101001100001100001010

Vocabulary Mogul: Turning Aspiration into Reality

In the Pursuit of a Richer Vocabulary: A Personal Project Comes to Life

Vocabulary Mogul is my third major project, blending personal use with an exploration of versatile frameworks and database technologies.

Over years of reading, I accumulated over 500 vocabulary entries in my iPhone's notes app. To transform this into something functional, I wrote a Python script to populate a Supabase database with the entire list, setting the foundation for this application.

Exploring New Territory: Embracing Angular

Creating Vocabulary Mogul was an opportunity to expand beyond familiar tools like Next.js. I chose Angular to challenge myself and gained valuable insights into its Model-View-Controller architecture and component-based approach.

Key services included user authentication, which integrated with MongoDB, and a vocabulary-fetching service powered by Supabase. Learning to inject these services into components for dynamic rendering was a rewarding experience.

Vocabulary Mogul's dynamic background and user interface

A glimpse of Vocabulary Mogul's dynamic background and authenticated user interface.

Balancing Simplicity with Modern UI/UX Design

The application's design emphasizes simplicity, with a clean layout and ample white space. One of the more challenging features was implementing a dynamic, sliding background. While the final version achieves my initial vision, it required extensive troubleshooting to refine animation timing and reduce visual artifacts.

Though there are minor issues like occasional "rubberbanding," I’m proud of the solution and look forward to future iterations to perfect this feature.

Mobile Optimization: A Key Learning Moment

Vocabulary Mogul was primarily designed for larger screens, which created challenges in adapting it for mobile devices. This highlighted the importance of mobile-first design, a principle I will prioritize in future projects. While the mobile experience needs refinement, this project serves as a stepping stone in mastering responsive design.

Despite these hurdles, the application's core functionality—a learning algorithm designed to enhance vocabulary retention—operates seamlessly. It represents a significant milestone in my development journey.

Final score screen of Vocabulary Mogul's quiz

Vocabulary Mogul helps users build a stronger vocabulary through gradual, engaging quizzes.

The Future of Vocabulary Mogul: A Unified Vision

I envision combining Vocabulary Mogul with features from my other projects, such as Biblio-Tech, to create a comprehensive application for readers and writers. Potential integrations include Google Books' database, advanced learning algorithms, and user-submitted short stories.

With time, this application could evolve into a powerful tool for linguistic and creative growth, possibly incorporating machine learning technologies to offer personalized recommendations and insights.

Return to Home