diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 0000000..4882c34
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,139 @@
+name: "๐ Bug Report"
+description: "Report a bug to help us improve the project"
+title: "[BUG] "
+labels: ["bug", "needs-triage"]
+assignees: []
+body:
+ - type: markdown
+ attributes:
+ value: |
+ ## ๐ Thanks for reporting a bug!
+
+ We appreciate you taking the time to report this issue. Please provide as much detail as possible to help us reproduce and fix the bug quickly.
+
+ - type: checkboxes
+ id: prerequisites
+ attributes:
+ label: "Prerequisites"
+ description: "Please confirm you have completed the following"
+ options:
+ - label: "I have searched existing issues to ensure this bug hasn't been reported before"
+ required: true
+ - label: "I have updated to the latest version of the project"
+ required: true
+ - label: "I have read the troubleshooting documentation"
+ required: true
+
+ - type: textarea
+ id: bug-description
+ attributes:
+ label: "๐ Bug Description"
+ description: "Provide a clear and concise description of what the bug is"
+ placeholder: |
+ Describe what happened and what you expected to happen:
+
+ โข What is the current (incorrect) behavior?
+ โข What should the correct behavior be?
+ โข When did this issue start occurring?
+ validations:
+ required: true
+
+ - type: textarea
+ id: reproduction-steps
+ attributes:
+ label: "๐ Steps to Reproduce"
+ description: "Provide detailed steps to reproduce the issue"
+ placeholder: |
+ 1. Go to '...'
+ 2. Click on '...'
+ 3. Scroll down to '...'
+ 4. See error
+
+ Be as specific as possible. Include any relevant data, inputs, or configuration.
+ validations:
+ required: true
+
+ - type: textarea
+ id: expected-behavior
+ attributes:
+ label: "โ
Expected Behavior"
+ description: "What did you expect to happen?"
+ placeholder: |
+ Clearly describe what you expected to happen instead of the bug.
+ validations:
+ required: true
+
+ - type: textarea
+ id: actual-behavior
+ attributes:
+ label: "โ Actual Behavior"
+ description: "What actually happened?"
+ placeholder: |
+ Describe what actually happened, including any error messages, unexpected outputs, or incorrect behavior.
+
+ - type: dropdown
+ id: severity
+ attributes:
+ label: "๐จ Severity"
+ description: "How severe is this bug?"
+ options:
+ - "Low - Minor issue, workaround available"
+ - "Medium - Affects functionality but not critical"
+ - "High - Major functionality broken"
+ - "Critical - Application unusable or data loss"
+ validations:
+ required: true
+
+ - type: textarea
+ id: environment
+ attributes:
+ label: "๐ฅ๏ธ Environment Information"
+ description: "Please provide details about your environment"
+ placeholder: |
+ โข Operating System: (e.g., Windows 11, macOS 13.0, Ubuntu 22.04)
+ โข Browser: (e.g., Chrome 118, Firefox 119, Safari 17)
+ โข Project Version: (e.g., v1.2.3)
+ โข Node.js Version: (if applicable)
+ โข Other relevant software versions:
+ render: markdown
+
+ - type: textarea
+ id: error-logs
+ attributes:
+ label: "๐ Error Logs"
+ description: "Include any relevant error messages, stack traces, or console output"
+ placeholder: |
+ Paste any error messages, stack traces, or console output here.
+
+ ```
+ Error messages go here
+ ```
+ render: shell
+
+ - type: textarea
+ id: screenshots
+ attributes:
+ label: "๐ธ Screenshots"
+ description: "Add screenshots to help explain the problem (if applicable)"
+ placeholder: |
+ Drag and drop screenshots here, or use the toolbar to upload images.
+
+ - type: textarea
+ id: additional-context
+ attributes:
+ label: "๐ Additional Context"
+ description: "Add any other context about the problem"
+ placeholder: |
+ โข Does this happen consistently or intermittently?
+ โข Are there any workarounds you've found?
+ โข Any other relevant information that might help us debug this issue?
+
+ - type: checkboxes
+ id: contribution
+ attributes:
+ label: "๐ค Contribution"
+ description: "Are you interested in helping fix this bug?"
+ options:
+ - label: "I'm willing to submit a pull request to fix this bug"
+ - label: "I can help with testing the fix"
+ - label: "I'm available to provide additional information if needed"
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..453d23c
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,23 @@
+# GitHub Issue Templates Configuration
+# This file configures the behavior of issue creation in this repository
+
+# Enable blank issues (issues created without using a template)
+blank_issues_enabled: true
+
+# Default settings for blank issues
+blank_issue_title: "Please provide a descriptive title for your issue"
+blank_issue_body: |
+
+
+ ## Description
+
+
+ ## Context
+
+
+ ## Additional Information
+
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/documentation.md b/.github/ISSUE_TEMPLATE/documentation.md
new file mode 100644
index 0000000..95b86fe
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/documentation.md
@@ -0,0 +1,109 @@
+---
+name: ๐ Documentation
+about: Improve documentation, tutorials, or educational content
+title: '[DOCS] '
+labels: 'documentation, good-first-issue'
+assignees: ''
+
+---
+
+# ๐ Documentation Issue
+
+## ๐ Documentation Type
+- [ ] ๐ README improvements
+- [ ] ๐ Tutorial/Guide creation
+- [ ] ๐ Code documentation (JSDoc)
+- [ ] ๐ง Setup/Installation guide
+- [ ] ๐ฏ Algorithm explanations
+- [ ] ๐ API documentation
+- [ ] ๐จ UI/UX documentation
+- [ ] ๐งช Testing documentation
+- [ ] ๐ Deployment guide
+- [ ] โ FAQ section
+
+## ๐ Current State
+**What documentation is missing or needs improvement?**
+Describe the current state of documentation and what specific areas need attention.
+
+**Target Audience:**
+- [ ] ๐จโ๐ New contributors
+- [ ] ๐ฉโ๐ป Developers
+- [ ] ๐จโ๐ซ Educators
+- [ ] ๐ฉโ๐ Students
+- [ ] ๐ End users
+
+## ๐ก Proposed Improvements
+**What should be documented?**
+- [ ] Step-by-step instructions
+- [ ] Code examples
+- [ ] Screenshots/diagrams
+- [ ] Video tutorials
+- [ ] Interactive examples
+- [ ] Troubleshooting guide
+- [ ] Best practices
+- [ ] Performance tips
+
+**Content Structure:**
+1. [Section 1: Overview/Introduction]
+2. [Section 2: Main content]
+3. [Section 3: Examples]
+4. [Section 4: Advanced topics]
+
+## ๐ฏ Participation Information
+- [ ] I'm participating in Social Summer of Code (SSOC) Season 4
+- [ ] I'm willing to work on this documentation
+
+
+
+
+๐ SSOC Season 4 Details (Click to expand if participating in SSOC)
+
+### SSOC Information
+**Difficulty Level:**
+- [ ] ๐ข Beginner (20 points) - Basic documentation, README updates
+- [ ] ๐ก Intermediate (30 points) - Comprehensive guides, tutorials
+- [ ] ๐ด Advanced (40 points) - Technical documentation, API docs
+
+**Estimated Time:** [e.g., 1-2 days, 3-5 days, 1 week]
+
+**Skills Required:**
+- [ ] Technical writing
+- [ ] Markdown
+- [ ] Algorithm knowledge
+- [ ] React/JavaScript (for code docs)
+- [ ] Design (for diagrams/screenshots)
+- [ ] Video editing (for tutorials)
+
+**Documentation Plan:**
+- **Research Phase**: [Gathering information and requirements]
+- **Writing Phase**: [Creating content and examples]
+- **Review Phase**: [Proofreading and technical accuracy]
+- **Polish Phase**: [Final formatting and publication]
+
+**Mentorship:**
+- [ ] I can provide guidance for this documentation
+- [ ] I need mentorship for this documentation
+- [ ] This can be completed independently
+
+
+
+## ๐ Additional Context
+**References:**
+- Existing documentation: [links]
+- Similar projects: [examples]
+- Style guides: [if any]
+
+**Success Criteria:**
+- [ ] Clear and concise writing
+- [ ] Proper formatting and structure
+- [ ] Accurate technical information
+- [ ] Helpful examples and screenshots
+- [ ] Accessible to target audience
+
+## โ
Checklist
+- [ ] I have identified the specific documentation gap
+- [ ] I have considered the target audience
+- [ ] I have outlined the proposed content structure
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
new file mode 100644
index 0000000..0c83f62
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,114 @@
+name: "๐ Feature Request"
+description: "Suggest an idea or enhancement for this project"
+title: "[FEATURE] "
+labels: ["enhancement", "needs-triage"]
+assignees: []
+body:
+ - type: markdown
+ attributes:
+ value: |
+ ## ๐ Thanks for taking the time to suggest a feature!
+
+ We appreciate your input and want to make sure we understand your needs. Please fill out the sections below to help us evaluate your request.
+
+ - type: checkboxes
+ id: prerequisites
+ attributes:
+ label: "Prerequisites"
+ description: "Please confirm you have completed the following"
+ options:
+ - label: "I have searched existing issues to ensure this feature hasn't been requested before"
+ required: true
+ - label: "I have read the project documentation and contribution guidelines"
+ required: true
+
+ - type: textarea
+ id: problem-description
+ attributes:
+ label: "๐ฏ Problem Statement"
+ description: "What problem does this feature solve? What challenge are you facing?"
+ placeholder: |
+ Describe the problem or limitation you're experiencing:
+
+ โข What are you trying to accomplish?
+ โข What obstacles are preventing you from achieving your goal?
+ โข How does this impact your workflow or user experience?
+
+ Example: "I'm always frustrated when I have to manually configure settings for each new project because..."
+ validations:
+ required: true
+
+ - type: textarea
+ id: proposed-solution
+ attributes:
+ label: "๐ก Proposed Solution"
+ description: "Describe your ideal solution in detail"
+ placeholder: |
+ Clearly describe what you'd like to see implemented:
+
+ โข What should the feature do?
+ โข How should it work from a user's perspective?
+ โข What would the interface/API look like?
+ โข Are there any specific requirements or constraints?
+ validations:
+ required: true
+
+ - type: textarea
+ id: alternatives
+ attributes:
+ label: "๐ Alternatives Considered"
+ description: "What other solutions or workarounds have you considered?"
+ placeholder: |
+ Describe any alternative approaches you've thought about:
+
+ โข Other potential solutions you've considered
+ โข Existing workarounds you're currently using
+ โข Why these alternatives don't fully meet your needs
+
+ - type: dropdown
+ id: priority
+ attributes:
+ label: "๐ Priority Level"
+ description: "How would you rate the importance of this feature?"
+ options:
+ - "Low - Nice to have"
+ - "Medium - Would improve workflow"
+ - "High - Significant impact on productivity"
+ - "Critical - Blocking important use cases"
+ validations:
+ required: true
+
+ - type: textarea
+ id: use-cases
+ attributes:
+ label: "๐ญ Use Cases"
+ description: "Provide specific examples of how this feature would be used"
+ placeholder: |
+ Share concrete examples or user stories:
+
+ โข Who would use this feature?
+ โข In what scenarios would it be useful?
+ โข Can you provide step-by-step examples?
+
+ - type: textarea
+ id: additional-context
+ attributes:
+ label: "๐ Additional Context"
+ description: "Any other information that would help us understand your request"
+ placeholder: |
+ Add any other relevant information:
+
+ โข Screenshots, mockups, or diagrams
+ โข Links to related discussions or documentation
+ โข Examples from other tools or projects
+ โข Technical considerations or constraints
+
+ - type: checkboxes
+ id: contribution
+ attributes:
+ label: "๐ค Contribution"
+ description: "Are you interested in contributing to this feature?"
+ options:
+ - label: "I'm willing to submit a pull request for this feature"
+ - label: "I'm available to help with testing"
+ - label: "I can provide additional feedback during development"
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/performance.md b/.github/ISSUE_TEMPLATE/performance.md
new file mode 100644
index 0000000..8ff9080
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/performance.md
@@ -0,0 +1,167 @@
+---
+name: โก Performance Optimization
+about: Report performance issues or suggest optimizations
+title: '[PERF] '
+labels: 'performance, optimization'
+assignees: ''
+
+---
+
+# โก Performance Optimization
+
+## ๐ฏ Performance Issue Type
+- [ ] ๐ Slow rendering/animations
+- [ ] ๐พ Memory leaks
+- [ ] ๐ Inefficient algorithms
+- [ ] ๐ฑ Mobile performance
+- [ ] ๐ Network/loading issues
+- [ ] ๐จ UI/Animation lag
+- [ ] ๐ Large dataset handling
+- [ ] โ๏ธ Bundle size optimization
+- [ ] ๐ง Code splitting
+- [ ] ๐ Startup performance
+
+## ๐ Current Performance Metrics
+**Describe the performance issue:**
+What specific performance problem are you experiencing or have identified?
+
+**Measurements (if available):**
+- **Load time**: [e.g., 3.2 seconds]
+- **Animation FPS**: [e.g., 30 FPS instead of 60 FPS]
+- **Memory usage**: [e.g., 150MB after 5 minutes]
+- **Bundle size**: [e.g., 2.5MB]
+- **Time to interactive**: [e.g., 4.1 seconds]
+
+**Testing Environment:**
+- **Device**: [e.g., MacBook Pro M1, iPhone 12, Samsung Galaxy S21]
+- **Browser**: [e.g., Chrome 118, Safari 17, Firefox 119]
+- **Network**: [e.g., WiFi, 4G, 3G, Slow 3G]
+- **Array size tested**: [e.g., 100, 500, 1000 elements]
+
+## ๐ Root Cause Analysis
+**What's causing the performance issue?**
+- [ ] Inefficient React re-renders
+- [ ] Heavy DOM manipulations
+- [ ] Unoptimized algorithms
+- [ ] Large bundle size
+- [ ] Memory leaks
+- [ ] Blocking operations
+- [ ] Inefficient CSS/animations
+- [ ] Too many event listeners
+- [ ] Unoptimized images/assets
+- [ ] Synchronous operations
+
+**Profiling Data:**
+If you've done performance profiling, please share:
+- Browser DevTools Performance tab screenshots
+- React DevTools Profiler data
+- Lighthouse audit results
+- Memory usage graphs
+
+## ๐ก Proposed Optimization
+**Optimization Strategy:**
+- [ ] Code optimization
+- [ ] Algorithm improvement
+- [ ] Caching implementation
+- [ ] Lazy loading
+- [ ] Code splitting
+- [ ] Bundle optimization
+- [ ] Memory management
+- [ ] Animation optimization
+- [ ] Database/API optimization
+- [ ] Asset optimization
+
+**Specific Solutions:**
+1. [Solution 1: Detailed description]
+2. [Solution 2: Detailed description]
+3. [Solution 3: Detailed description]
+
+**Expected Performance Improvement:**
+- **Target load time**: [e.g., < 2 seconds]
+- **Target FPS**: [e.g., 60 FPS]
+- **Memory reduction**: [e.g., 50% less memory usage]
+- **Bundle size reduction**: [e.g., 30% smaller]
+
+## ๐ ๏ธ Implementation Plan
+**Technical Approach:**
+- **Tools needed**: [e.g., React.memo, useMemo, Web Workers, etc.]
+- **Files to modify**: [list of files/components]
+- **Dependencies**: [new libraries or tools]
+- **Testing strategy**: [how to measure improvements]
+
+**Potential Risks:**
+- [ ] Breaking existing functionality
+- [ ] Increased code complexity
+- [ ] Compatibility issues
+- [ ] Development time impact
+
+## ๐ฏ Participation Information
+- [ ] I'm participating in Social Summer of Code (SSOC) Season 4
+- [ ] I'm willing to work on this optimization
+
+
+
+
+๐ SSOC Season 4 Details (Click to expand if participating in SSOC)
+
+### SSOC Information
+**Difficulty Level:**
+- [ ] ๐ข Beginner (20 points) - Simple optimizations, asset compression
+- [ ] ๐ก Intermediate (30 points) - React optimizations, algorithm improvements
+- [ ] ๐ด Advanced (40 points) - Complex optimizations, architectural changes
+
+**Estimated Time:** [e.g., 3-5 days, 1 week, 2 weeks]
+
+**Skills Required:**
+- [ ] JavaScript performance optimization
+- [ ] React performance patterns
+- [ ] Browser DevTools profiling
+- [ ] Algorithm optimization
+- [ ] Bundle analysis
+- [ ] Memory management
+- [ ] CSS/Animation optimization
+- [ ] Web performance metrics
+
+**Estimated Impact:**
+- [ ] ๐ High (Significant user experience improvement)
+- [ ] ๐ Medium (Noticeable performance gain)
+- [ ] ๐ Low (Minor optimization)
+
+**Optimization Plan:**
+- **Phase 1**: [Performance analysis and profiling]
+- **Phase 2**: [Implementation of optimizations]
+- **Phase 3**: [Testing and measurement]
+- **Phase 4**: [Documentation and monitoring setup]
+
+**Mentorship:**
+- [ ] I can provide guidance for this optimization
+- [ ] I need mentorship for this optimization
+- [ ] This can be completed independently
+
+
+
+## ๐ Additional Context
+**Performance Benchmarks:**
+- Current performance: [baseline metrics]
+- Target performance: [goal metrics]
+- Industry standards: [comparison with similar apps]
+
+**References:**
+- Performance audit reports: [links]
+- Similar optimizations: [examples from other projects]
+- Best practices: [relevant documentation]
+
+**Success Criteria:**
+- [ ] Measurable performance improvement
+- [ ] No regression in functionality
+- [ ] Improved user experience
+- [ ] Better performance scores (Lighthouse, etc.)
+
+## โ
Checklist
+- [ ] I have identified the specific performance bottleneck
+- [ ] I have provided baseline performance measurements
+- [ ] I have proposed a clear optimization strategy
+- [ ] I have considered potential risks and mitigation
\ No newline at end of file
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..61dc867
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,168 @@
+## ๐ Related Issue
+
+
+
+- Closes #
+
+## ๐ฏ Rationale
+
+
+
+## ๐ Summary of Changes
+
+
+
+### ๐ง Technical Details
+
+
+
+## โ
Testing
+
+
+
+### Test Coverage
+- [ ] Unit tests added/updated
+- [ ] Integration tests added/updated
+- [ ] Manual testing completed
+- [ ] All existing tests pass
+
+### Test Details
+
+
+## ๐ Documentation
+
+
+
+- [ ] Code comments added/updated
+- [ ] README updated (if needed)
+- [ ] API documentation updated (if needed)
+- [ ] Migration guide provided (for breaking changes)
+
+## ๐ Breaking Changes
+
+
+
+- [ ] This PR contains breaking changes
+- [ ] Migration guide provided
+- [ ] Version updated appropriately
+
+## ๐จ User-Facing Changes
+
+
+
+### Frontend Changes
+- [ ] UI components modified
+- [ ] New user interactions added
+- [ ] Styling/theme changes
+
+### Backend/API Changes
+- [ ] New endpoints added
+- [ ] Existing endpoints modified
+- [ ] Response format changes
+
+## ๐ Checklist
+
+
+
+### Code Quality
+- [ ] Code follows project style guidelines
+- [ ] Self-review completed
+- [ ] No console.log or debug statements left
+- [ ] Error handling implemented appropriately
+
+### Review Readiness
+- [ ] PR title is descriptive and follows conventions
+- [ ] PR description is complete and accurate
+- [ ] Commits are atomic and well-documented
+- [ ] Branch is up to date with target branch
+
+### Security & Performance
+- [ ] No sensitive information exposed
+- [ ] Performance impact considered
+- [ ] Security implications reviewed
+
+## ๐ Deployment Notes
+
+
+
+## ๐ธ Screenshots/Demo
+
+
+
+## ๐ Reviewer Notes
+
+
+
+---
+
+
\ No newline at end of file