Coder Social home page Coder Social logo

iqbaleff214 / ngebanjar Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 30 KB

Ngebanjar is designed to facilitate effective and enjoyable learning of the Banjar language. The primary goal is to empower users, from beginners to language enthusiasts, to acquire and improve their Banjar language skills through interactive lessons, pronunciation practice, quizzes, and gamified elements

Home Page: https://ngebanjar.iqbaleff214.com/

HTML 2.08% Svelte 71.87% CSS 2.06% JavaScript 24.00%
banjar banjarese interactive-media language-learning quiz svelte webapp bahasa-banjar belajar-bahasa-banjar media-interaktif

ngebanjar's Introduction

404NFID Logo

NGEBANJAR

Ngebanjar is designed to facilitate effective and enjoyable learning of the Banjar language. The primary goal is to empower users, from beginners to language enthusiasts, to acquire and improve their Banjar language skills through interactive lessons, pronunciation practice, quizzes, and gamified elements. By providing a user-centric and systematic approach, Ngebanjar aims to make language learning accessible and engaging.

Goals

The primary goal of Ngebanjar is to empower users with effective tools and an engaging platform to learn and master the Banjar language. By offering a comprehensive and user-friendly experience, the application aims to break down language barriers, promote cultural understanding, and make language learning a positive and enjoyable journey for every user.

User Stories

  • As a language learner, I want clear and accurate pronunciation practice to improve my spoken Banjar.
  • As a user, I want the lessons to be organized into manageable chapters, with daily recommendations for a consistent learning experience.
  • As a quiz participant, I want immediate feedback on my answers to reinforce my understanding of the learned words.
  • As a language enthusiast, I want gamification elements to keep me motivated and encourage regular participation.
  • As a user, I want a personalized profile to track my progress.

Features

  • Vocabulary Lessons
    • Users will be presented with Banjar words along with their meanings.
    • Each word must have a button for pronunciation.
    • Pronunciation audio files must be clear and accurate.
  • Pronunciation Practice
    • Users can listen to the pronunciation of words for better spoken language skills.
    • Pronunciation practice must be easily accessible.
    • User-friendly interface for audio playback.
  • Lesson Progression
    • Lessons will be organized into chapters with 5-10 words each, encouraging users to complete one lesson per day.
    • Lessons must progress logically.
    • Daily recommendations should be user-specific and adjustable.
  • Quiz Section
    • A multiple-choice quiz will follow each lesson to reinforce learning.
    • Quiz questions must be related to the words from the preceding lesson.
    • Provide immediate feedback on quiz answers.
  • Gamification
    • Implement gamification elements to enhance user engagement and motivation.
    • Users should earn points for completing lessons and quizzes.
    • Include streaks and rewards for consistent learning.
  • User Profiles
    • Users can track their progress and achievements.
    • Users can display progress history.
  • Responsive Design
    • Ensure the web application is accessible and user-friendly across various devices.
    • Utilize HTML5, CSS3, and JavaScript for responsive design.
    • Optimize for desktop, tablet, and mobile devices.

Reference

Pusat Pembinaan dan Pengembangan Bahasa, Departemen Pendidikan dan Kebudayaan. 1977. Kamus Banjar-Indonesia. Jakarta.

License

Ngebanjar is open-sourced software licensed under the MIT license.

ngebanjar's People

Contributors

iqbaleff214 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

gemahanna

ngebanjar's Issues

Implement Gamification Elements: Experience System, Levels, and Badges

Currently, our Ngebanjar lacks gamification elements such as an experience system, levels, and badges, which are crucial for enhancing user engagement and motivation. This issue aims to introduce these gamification features into the game.

Goals:

  • Experience System: Design and implement a system where users earn experience points (XP) based on their activity and progress in learning Banjar.
  • Levels: Define a leveling structure that rewards users with higher levels as they accumulate experience points and achieve milestones.
  • Badges: Create a variety of badges or achievements that users can unlock based on their accomplishments and engagement in the game.
  • Visual Feedback: Incorporate visual indicators and progress bars to display users' current level, experience points, and badge achievements.

Proposed Implementation:

  • Experience Points (XP):
    • Assign XP to users for completing lessons, quizzes, and other interactive activities.
    • Define XP thresholds for leveling up and progressing through the game.
  • Levels:
    • Design a leveling system with multiple tiers or levels to reflect users' proficiency and progress.
    • Determine rewards or benefits associated with reaching higher levels (e.g., unlocking advanced lessons, earning virtual rewards).
  • Badges:
    • Create a diverse set of badges representing different achievements, skills, or milestones in learning Banjar.
    • Specify the criteria for unlocking each badge and provide visual cues when users earn them.
  • User Interface (UI) Enhancements:
    • Update the user interface to display users' XP, level, and badge progress prominently.
    • Include interactive elements for users to track their achievements and explore available badges.

Benefits:

  • Enhanced Engagement: Gamification elements motivate users to actively participate, progress, and explore the content.
  • Progress Tracking: Users can track their learning journey, achievements, and improvement over time.
  • Incentives for Learning: Levels, badges, and rewards incentivize users to continue learning and mastering the Banjar language.

Next Steps:

  • Define the XP earning mechanisms and leveling criteria.
  • Create a badge catalog with descriptions and unlock conditions.
  • Update the UI to integrate gamification elements seamlessly into the game.
  • Test the gamification features to ensure functionality, balance, and user satisfaction.

Additional Notes:

  • Consider feedback from users or beta testers to refine the gamification elements and improve user experience.
  • Monitor user engagement metrics and adjust the gamification elements as needed to optimize retention and participation.

Expand Ngebanjar Dictionary

The current list of words in our Ngebanjar dictionary is limited, and we need to enrich it with more words and their meanings based on the eBook dictionary of the Banjar language that I have.

Goals:

  • Word Enrichment: Add new words and their meanings to the Ngebanjar dictionary from Kamus Banjar-Indonesia.
  • Meaningful Definitions: Ensure that each added word is accompanied by accurate and meaningful definitions or explanations.
  • Organized Categorization: Categorize the new words into relevant sections or themes for easier navigation and learning.
  • Quality Assurance: Review and verify the accuracy and appropriateness of the added words and definitions.

Proposed Approach:

  • Extract the word list and definitions from Kamus Banjar-Indonesia.
  • Compare and cross-reference the extracted content with the existing Ngebanjar dictionary to identify new words for inclusion.
  • Add the new words along with their meanings and categorize them appropriately within the game's dictionary structure.
  • Conduct a review process to ensure the correctness, relevance, and quality of the added words and definitions.
  • Test the functionality of the expanded dictionary within the game to confirm seamless integration and usability.

Expected Outcome:

By expanding the Ngebanjar dictionary with content from Kamus Banjar-Indonesia, users will have access to a richer vocabulary and more comprehensive learning experience of the Banjar language through our web game.

Additional Notes:

  • Consider involving linguistic experts or native speakers to validate the accuracy and authenticity of the added words and definitions.
  • Maintain consistency in formatting, presentation, and language usage across the entire dictionary for a cohesive user experience.

Add Backend for User Data Synchronization

Currently, our Ngebanjar operates solely on the client side using the Svelte framework. We need to enhance the functionality by adding a backend system to synchronize user data across sessions and devices.

Goals:

  • User Data Persistence: Implement a backend database to store user progress, quiz results, and other relevant data.
  • Cross-Device Sync: Ensure that users can access their progress and continue learning seamlessly across different devices.
  • Scalability: Design the backend architecture to handle a growing user base and future feature expansions.
  • Security: Implement authentication and authorization mechanisms to protect user data and ensure privacy.

Proposed Solution:

  • Choose a suitable backend technology stack (e.g., Node.js with Express, Django, Laravel, Firebase) based on scalability, ease of development, and compatibility with our existing frontend (Svelte).
  • Design and develop RESTful APIs for user authentication, data synchronization, and CRUD operations for user-related data.
  • Integrate the backend with our existing frontend codebase to enable seamless communication and data exchange.
  • Implement data validation, error handling, and security measures (e.g., HTTPS, JWT tokens) to protect user data and enhance the overall user experience.

Expected Outcome:

With the backend integration, users will experience improved data synchronization, allowing them to track their progress accurately and continue learning Banjar seamlessly across different devices.

Additional Notes:

Consider scalability and performance optimizations to handle concurrent user requests and ensure a smooth user experience.
Regularly test and monitor the backend system for performance bottlenecks, security vulnerabilities, and overall reliability.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.