Move project to repository root for GitHub Pages deployment

Author: SyntaxSidekick

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

CONTRIBUTING.md

@@ -0,0 +1,78 @@
+## How to Contribute
+
+We welcome contributions to JS Learning Lab! Here are several ways you can help:
+
+### 🎯 Adding Questions
+
+The easiest way to contribute is by adding new JavaScript questions:
+
+1. **Use the Admin Interface**
+   - Open `admin.html` in your browser
+   - Fill out the question form with all details
+   - Generate the JSON and copy it
+   - Add to `src/data/questionsDatabase.json`
+
+2. **Question Guidelines**
+   - Focus on real-world JavaScript scenarios
+   - Include clear, detailed explanations
+   - Provide helpful hints for learning
+   - Test your questions thoroughly
+   - Use proper grammar and formatting
+
+### 🛠️ Code Contributions
+
+1. **Fork the Repository**
+   ```bash
+   git clone https://github.com/SyntaxSidekick/js-learning-lab.git
+   cd js-learning-lab
+   ```
+
+2. **Create a Feature Branch**
+   ```bash
+   git checkout -b feature/your-feature-name
+   ```
+
+3. **Make Your Changes**
+   - Follow the existing code style
+   - Add tests if applicable
+   - Update documentation as needed
+
+4. **Test Your Changes**
+   ```bash
+   npm install
+   npm run dev
+   ```
+
+5. **Commit and Push**
+   ```bash
+   git add .
+   git commit -m "Add: your feature description"
+   git push origin feature/your-feature-name
+   ```
+
+6. **Create a Pull Request**
+   - Describe your changes clearly
+   - Include screenshots if applicable
+   - Reference any related issues
+
+### 📋 Development Standards
+
+- **Code Style**: Follow existing patterns and use ESLint
+- **Commits**: Use clear, descriptive commit messages
+- **Documentation**: Update README.md and comments as needed
+- **Testing**: Test all functionality before submitting
+
+### 🐛 Reporting Issues
+
+- Use GitHub Issues to report bugs
+- Include steps to reproduce
+- Provide browser and system information
+- Include screenshots if helpful
+
+### 💡 Feature Requests
+
+- Open a GitHub Discussion for feature ideas
+- Explain the use case and benefits
+- Consider implementing it yourself!
+
+Thank you for contributing to JS Learning Lab! 🚀

DEPLOYMENT.md

@@ -0,0 +1,78 @@
+# Deployment Guide for JS Challenge Lab
+
+## Quick Deployment Options
+
+### 1. Vercel (Recommended)
+```bash
+# Install Vercel CLI
+npm install -g vercel
+
+# Deploy
+vercel
+
+# Follow the prompts to connect your project
+```
+
+### 2. Netlify
+```bash
+# Build the project
+npm run build
+
+# Drag and drop the 'dist' folder to Netlify's deploy interface
+# Or use Netlify CLI:
+npm install -g netlify-cli
+netlify deploy --prod --dir=dist
+```
+
+### 3. GitHub Pages
+```bash
+# Install gh-pages
+npm install --save-dev gh-pages
+
+# Add to package.json scripts:
+"deploy": "gh-pages -d dist"
+
+# Build and deploy
+npm run build
+npm run deploy
+```
+
+### 4. Traditional Hosting
+```bash
+# Build the project
+npm run build
+
+# Upload the contents of the 'dist' folder to your web server
+```
+
+## Environment Variables
+No environment variables are required for basic deployment.
+
+## Performance Optimization
+
+### Bundle Analysis
+```bash
+# Install bundle analyzer
+npm install --save-dev vite-bundle-analyzer
+
+# Add to package.json scripts:
+"analyze": "vite-bundle-analyzer"
+
+# Run analysis
+npm run analyze
+```
+
+### Production Optimizations
+- Monaco Editor is loaded asynchronously
+- Tailwind CSS is purged of unused styles
+- Assets are automatically minified by Vite
+
+## Domain Configuration
+Update the `base` in `vite.config.js` if deploying to a subdirectory:
+
+```javascript
+export default defineConfig({
+  base: '/your-subdirectory/',
+  plugins: [react()],
+})
+```

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 JS Learning Lab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.