Upload 36 files

.copilot_token

@@ -0,0 +1 @@
+ghu_GefTyLn5REuJ7m07ntvISK7gyR7tB22sCfL1

Dockerfile

@@ -0,0 +1,7 @@
+FROM python:3
+WORKDIR /usr/src/app
+COPY requirements.txt ./
+RUN pip install -r requirements.txt
+COPY . .
+EXPOSE 7860
+CMD ["python","./manage.py","runserver","0.0.0.0:7860"]

api/admin.py

@@ -0,0 +1,16 @@
+from django.contrib import admin
+from .models import Projects, Version
+
+# Register your models here.
+class ProjectsAdmin(admin.ModelAdmin):
+    list_display = ('title', 'slag', 'description', 'userEmail', 'created_at', 'updated_at', 'currentVersion')
+    search_fields = ('title', 'slag', 'description', 'userEmail', 'created_at', 'updated_at', 'currentVersion')
+    readonly_fields = ('created_at', 'updated_at')
+
+class VersionAdmin(admin.ModelAdmin):
+    list_display = ('versionId', 'created_at', 'updated_at', 'project')
+    search_fields = ('versionId', 'created_at', 'updated_at', 'project')
+    readonly_fields = ('created_at', 'updated_at')
+
+admin.site.register(Projects, ProjectsAdmin)
+admin.site.register(Version, VersionAdmin)

api/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class ApiConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "api"

api/migrations/0001_initial.py

@@ -0,0 +1,94 @@
+# Generated by Django 5.1.2 on 2024-11-03 14:11
+
+import api.models
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    initial = True
+
+    dependencies = []
+
+    operations = [
+        migrations.CreateModel(
+            name="Projects",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "projectId",
+                    models.CharField(
+                        blank=True,
+                        default=api.models.randomUUID,
+                        max_length=50,
+                        null=True,
+                    ),
+                ),
+                ("title", models.CharField(max_length=100)),
+                ("slag", models.CharField(max_length=100, unique=True)),
+                ("description", models.TextField(blank=True, null=True)),
+                ("userEmail", models.EmailField(blank=True, max_length=254, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True, null=True)),
+                ("updated_at", models.DateTimeField(auto_now=True, null=True)),
+                (
+                    "projectScreenshot",
+                    models.URLField(
+                        default="https://g-ti9mzpabk7s.vusercontent.net/placeholder.svg"
+                    ),
+                ),
+            ],
+        ),
+        migrations.CreateModel(
+            name="Version",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "versionId",
+                    models.CharField(
+                        blank=True,
+                        default=api.models.randomUUID,
+                        max_length=50,
+                        null=True,
+                    ),
+                ),
+                ("generatedCode", models.TextField(blank=True, null=True)),
+                ("created_at", models.DateTimeField(auto_now_add=True, null=True)),
+                ("updated_at", models.DateTimeField(auto_now=True, null=True)),
+                (
+                    "project",
+                    models.ForeignKey(
+                        blank=True,
+                        null=True,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="api.projects",
+                    ),
+                ),
+            ],
+        ),
+        migrations.AddField(
+            model_name="projects",
+            name="currentVersion",
+            field=models.ForeignKey(
+                blank=True,
+                null=True,
+                on_delete=django.db.models.deletion.CASCADE,
+                to="api.version",
+            ),
+        ),
+    ]

api/migrations/0002_version_versioncount_version_versionmessage.py

@@ -0,0 +1,22 @@
+# Generated by Django 5.1.2 on 2024-11-03 14:14
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("api", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="version",
+            name="versionCount",
+            field=models.IntegerField(default=1),
+        ),
+        migrations.AddField(
+            model_name="version",
+            name="versionMessage",
+            field=models.TextField(blank=True, null=True),
+        ),
+    ]

api/migrations/0003_projects_totalversions.py

@@ -0,0 +1,17 @@
+# Generated by Django 5.1.2 on 2024-11-03 14:42
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("api", "0002_version_versioncount_version_versionmessage"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="projects",
+            name="totalVersions",
+            field=models.IntegerField(default=1),
+        ),
+    ]

api/models.py

@@ -0,0 +1,36 @@
+from django.db import models
+import uuid
+
+def randomUUID():
+    return str(uuid.uuid4())
+
+# Create your models here.
+class Projects(models.Model):
+
+    projectId = models.CharField( default=randomUUID, max_length=50,null=True,blank=True)
+    title = models.CharField(max_length=100)
+    slag = models.CharField(max_length=100, unique=True)
+    description = models.TextField(null=True, blank=True)
+    userEmail = models.EmailField(null=True, blank=True)
+    created_at = models.DateTimeField(auto_now_add=True, null=True, blank=True)
+    updated_at = models.DateTimeField(auto_now=True, null=True, blank=True)
+    currentVersion = models.ForeignKey('Version', on_delete=models.CASCADE, null=True, blank=True)
+    projectScreenshot = models.URLField(default="https://g-ti9mzpabk7s.vusercontent.net/placeholder.svg")
+    totalVersions = models.IntegerField(default=1)
+
+    def __str__(self):
+        return self.title
+
+
+    
+class Version(models.Model):
+    versionId = models.CharField( default=randomUUID, max_length=50,null=True,blank=True)
+    versionCount = models.IntegerField(default=1)
+    versionMessage = models.TextField(null=True, blank=True)
+    generatedCode = models.TextField(null=True, blank=True)
+    created_at = models.DateTimeField(auto_now_add=True, null=True, blank=True)
+    updated_at = models.DateTimeField(auto_now=True, null=True, blank=True)
+    project = models.ForeignKey('Projects', on_delete=models.CASCADE, null=True, blank=True)
+
+    def __str__(self):
+        return self.versionId

api/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

api/urls.py

@@ -0,0 +1,12 @@
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path("", views.index, name="index"),
+    path("builder/", views.builder, name="builder"),
+    path("project-creator/", views.projectCreator, name="projectCreator"),
+    path("project-detail/<str:projectId>/", views.projectDetail, name="projectDetail"),
+    path("version-list/<str:projectId>/", views.versionList, name="versionList"),
+    path("project-list/", views.projectList, name="projectList"),
+]

api/views.py

@@ -0,0 +1,301 @@
+from django.http import HttpResponse, JsonResponse
+import requests
+import json
+import time
+from django.views.decorators.csrf import csrf_exempt
+from .models import Projects, Version
+
+
+MODEL = 'claude-3.5-sonnet'
+mainPrompt = """
+You are Tailwind Expert, an AI assistant specializing in HTML and TailwindCSS development. You excel at creating responsive, modern web interfaces using TailwindCSS best practices and utility-first principles.
+<system_constraints>
+    You are operating in an environment called WebContainer, an in-browser runtime that emulates a Browser to some degree. All code is executed in the browser.
+    Key limitations:
+
+    - No backend server capabilities
+    - No database connections
+    - Limited to client-side functionality
+    - Cannot execute native binaries
+    - No Git support
+
+    The environment supports:
+
+    - HTML, CSS, and JavaScript
+    - TailwindCSS 
+</system_constraints>
+
+<code_formatting_info>
+
+    Use 2 spaces for indentation
+    Follow TailwindCSS class ordering conventions:
+
+    - Layout (container, display, position)
+    - Box Model (width, height, padding, margin)
+    - Visual (colors, backgrounds, borders)
+    - Typography (text, font)
+    - Other (transitions, transforms)
+</code_formatting_info>
+
+<code_structure_info>
+    All the code should be written in HTML, CSS, and JavaScript in single file and code block
+    Always use a single root element in your HTML structure. This is a requirement for proper rendering in the WebContainer environment.
+    Example:
+        <html>
+            <head>
+                <title>My Webpage</title>
+            </head>
+            <body>
+                <div class="container mx-auto">
+                    <h1 class="text-2xl font-bold text-center">Hello, World!</h1>
+                </div>
+            </body>
+        </html>
+    Only use TailwindCSS CDN for importing TailwindCSS. Do not use any other external libraries.
+    Example:
+        <script src="https://cdn.tailwindcss.com"></script>
+    Avoid inline styles and scripts. Use style tag for CSS and script tag for JavaScript instead if needed.
+    make sure to include the necessary TailwindCSS classes in your HTML elements to style them.
+    Example:
+        <p class="text-blue-500">This is a blue paragraph.</p>
+    
+    For all images create a attribute called data-caption and add a caption for the image.
+    Example:
+        <img src="image.jpg" data-caption="This images includes a dog and cat">
+    
+    for any data storage requirements, use local storage.
+</code_structure_info>
+
+<important_info>
+    Please note that the WebContainer environment is a sandboxed environment and does not have access to the internet. This means that you cannot fetch data from external APIs or websites. You can only use the data provided in the prompt or any data you generate within the environment.
+    Do not include anything in the ouput other that code and comments.
+    No need to explain the code, the code should be self explanatory.
+    No need of any extra conversation, just the code.
+    Do not worry about the length of the code, write the code as you would normally do.
+    Do not skip any steps, follow the instructions carefully.
+</important_info>    
+"""
+
+
+def setup():
+    resp = requests.post('https://github.com/login/device/code', headers={
+        'accept': 'application/json',
+        'editor-version': 'Neovim/0.6.1',
+        'editor-plugin-version': 'copilot.vim/1.16.0',
+        'content-type': 'application/json',
+        'user-agent': 'GithubCopilot/1.155.0',
+        'accept-encoding': 'gzip,deflate,br'
+    }, data='{"client_id":"Iv1.b507a08c87ecfe98","scope":"read:user"}')
+
+    # Parse the response json, isolating the device_code, user_code, and verification_uri
+    resp_json = resp.json()
+    device_code = resp_json.get('device_code')
+    user_code = resp_json.get('user_code')
+    verification_uri = resp_json.get('verification_uri')
+
+    # Print the user code and verification uri
+    print(f'Please visit {verification_uri} and enter code {user_code} to authenticate.')
+
+    while True:
+        time.sleep(5)
+        resp = requests.post('https://github.com/login/oauth/access_token', headers={
+            'accept': 'application/json',
+            'editor-version': 'Neovim/0.6.1',
+            'editor-plugin-version': 'copilot.vim/1.16.0',
+            'content-type': 'application/json',
+            'user-agent': 'GithubCopilot/1.155.0',
+            'accept-encoding': 'gzip,deflate,br'
+        }, data=f'{{"client_id":"Iv1.b507a08c87ecfe98","device_code":"{device_code}","grant_type":"urn:ietf:params:oauth:grant-type:device_code"}}')
+
+        # Parse the response json, isolating the access_token
+        resp_json = resp.json()
+        access_token = resp_json.get('access_token')
+
+        if access_token:
+            break
+
+    # Save the access token to a file
+    with open('.copilot_token', 'w') as f:
+        f.write(access_token)
+
+    print('Authentication success!')
+
+
+def get_token():
+    global token
+    # Check if the .copilot_token file exists
+    while True:
+        try:
+            with open('.copilot_token', 'r') as f:
+                access_token = f.read()
+                break
+        except FileNotFoundError:
+            setup()
+    # Get a session with the access token
+    resp = requests.get('https://api.github.com/copilot_internal/v2/token', headers={
+        'authorization': f'token {access_token}',
+        'editor-version': 'Neovim/0.6.1',
+        'editor-plugin-version': 'copilot.vim/1.16.0',
+        'user-agent': 'GithubCopilot/1.155.0'
+    })
+
+    # Parse the response json, isolating the token
+    resp_json = resp.json()
+    token = resp_json.get('token')
+
+
+def chat(message):
+    global token
+    messages = []
+    # If the token is None, get a new one
+    if token is None:
+        get_token()
+
+    messages.append({
+        "content": mainPrompt + "\n\n---\n" + str(message),
+        "role": "user"
+    })
+
+    try:
+        resp = requests.post('https://api.githubcopilot.com/chat/completions', headers={
+            'authorization': f'Bearer {token}',
+            'Editor-Version': 'vscode/1.80.1',
+        }, json={
+            'intent': False,
+            'model': MODEL,
+            'temperature': 0,
+            'top_p': 1,
+            'n': 1,
+            # 'stream': True,
+            'messages': messages
+        })
+    except requests.exceptions.ConnectionError:
+        return ''
+    try:
+        result = resp.json()["choices"][0]["message"]["content"]
+
+        if result == '':
+            print(resp.status_code)
+            print(resp.text)
+        return result
+    except Exception as e:
+        return str(e)
+
+
+get_token()
+
+
+def index(request):
+    return HttpResponse("Hello, Moto")
+
+
+@csrf_exempt
+def builder(request):
+    if request.method == 'POST':
+        message = request.POST.get('message')
+        projectId = request.POST.get('projectId')
+        project = Projects.objects.filter(projectId=projectId).first()
+        try:
+            if project.currentVersion.generatedCode != "" and project.currentVersion.generatedCode is not None:
+                message = "This is my Previous Code:\n\n```\n"+project.currentVersion.generatedCode + "```\n\n" + message
+        except Exception as e:
+            print(e)
+            pass
+        response = chat(message)
+        data = {}
+        try:
+            response = response.replace("```html", "").replace("```", "")
+            newVersion = Version.objects.create(project=project, generatedCode=response, versionMessage=message)
+            newVersion.save()
+            project.currentVersion = newVersion
+            project.save()
+            data = {
+                "versionId": newVersion.versionId,
+                "versionMessage": newVersion.versionMessage,
+                "projectId": project.projectId,
+                "content": response,
+                "created_at": newVersion.created_at,
+                "updated_at": newVersion.updated_at,
+            }
+        except Exception as e:
+            print(e)
+        return JsonResponse({"html": response, "data": data})
+    else:
+        return HttpResponse("Invalid request method")
+
+
+@csrf_exempt
+def projectCreator(request):
+    if request.method == 'POST':
+        title = request.POST.get('title')
+        description = request.POST.get('description')
+        slug = request.POST.get('slug')
+        userEmail = request.POST.get('userEmail')
+        project = Projects.objects.create(title=title, description=description, slag=slug, userEmail=userEmail)
+        project.save()
+        initVersion = Version.objects.create(project=project, versionMessage="Initial version", generatedCode="")
+        initVersion.save()
+        project.currentVersion = initVersion
+        project.save()
+        data = {
+            "title": title,
+            "description": description,
+            "slag": slug,
+            "userEmail": userEmail,
+            "id": project.projectId,
+            "created_at": project.created_at,
+            "updated_at": project.updated_at,
+            "currentVersion": initVersion.versionId,
+        }
+        return JsonResponse(data)
+    else:
+        return HttpResponse("Invalid request method")
+
+def projectList(request):
+    projects = Projects.objects.all()
+    data = []
+    for project in projects:
+        data.append({
+            "previewUrl": "/projects/deployed/"+project.projectId,
+            "imageUrl": project.projectScreenshot,
+            "customizeUrl": "/projects/"+project.projectId,
+            "title": project.title,
+            "description": project.description,
+            "slag": project.slag,
+            "userEmail": project.userEmail,
+            "id": project.projectId,
+            "created_at": project.created_at,
+            "updated_at": project.updated_at,
+            "currentVersion": project.currentVersion.versionId,
+            "currentCode": project.currentVersion.generatedCode,
+        })
+    return JsonResponse(data, safe=False)
+
+def projectDetail(request, projectId):
+    project = Projects.objects.get(projectId=projectId)
+    data = {
+        "title": project.title,
+        "description": project.description,
+        "slag": project.slag,
+        "userEmail": project.userEmail,
+        "id": project.projectId,
+        "created_at": project.created_at,
+        "updated_at": project.updated_at,
+        "currentVersion": project.currentVersion.versionId,
+        "currentCode": project.currentVersion.generatedCode,
+    }
+    return JsonResponse(data)
+
+
+def versionList(request, projectId):
+    project = Projects.objects.get(projectId=projectId)
+    versions = Version.objects.filter(project=project)
+    data = []
+    for version in versions:
+        data.append({
+            "versionId": version.versionId,
+            "versionMessage": version.versionMessage,
+            "created_at": version.created_at,
+            "updated_at": version.updated_at,
+        })
+    return JsonResponse(data, safe=False)

data.json

@@ -0,0 +1 @@
+[{"model": "admin.logentry", "pk": 1, "fields": {"action_time": "2024-11-03T14:12:21.203Z", "user": 1, "content_type": 7, "object_id": "2", "object_repr": "Demo1", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 2, "fields": {"action_time": "2024-11-03T14:12:21.204Z", "user": 1, "content_type": 7, "object_id": "1", "object_repr": "Demo1", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 3, "fields": {"action_time": "2024-11-03T14:15:06.599Z", "user": 1, "content_type": 7, "object_id": "3", "object_repr": "Demo1", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 4, "fields": {"action_time": "2024-11-03T14:15:44.366Z", "user": 1, "content_type": 7, "object_id": "4", "object_repr": "Demo1", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 5, "fields": {"action_time": "2024-11-03T14:40:59.666Z", "user": 1, "content_type": 8, "object_id": "3", "object_repr": "b5edd376-5a2c-4cc2-b637-0c71fc4a7a48", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 6, "fields": {"action_time": "2024-11-03T14:41:04.096Z", "user": 1, "content_type": 8, "object_id": "4", "object_repr": "3a27b126-79b1-4149-9492-0343bd152a87", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 7, "fields": {"action_time": "2024-11-03T14:52:07.492Z", "user": 1, "content_type": 8, "object_id": "5", "object_repr": "18759cf6-83b8-4c11-ac16-5531a8ed9b1d", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"VersionMessage\", \"GeneratedCode\"]}}]"}}, {"model": "admin.logentry", "pk": 8, "fields": {"action_time": "2024-11-03T14:59:20.694Z", "user": 1, "content_type": 7, "object_id": "6", "object_repr": "Demo2", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"CurrentVersion\"]}}]"}}, {"model": "admin.logentry", "pk": 9, "fields": {"action_time": "2024-11-03T14:59:26.720Z", "user": 1, "content_type": 8, "object_id": "8", "object_repr": "560ee748-614a-459c-9534-c23d9faad559", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 10, "fields": {"action_time": "2024-11-03T14:59:26.720Z", "user": 1, "content_type": 8, "object_id": "7", "object_repr": "630c4a8d-a9c2-4a51-87cb-b9a7c97e54ba", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 11, "fields": {"action_time": "2024-11-03T14:59:26.720Z", "user": 1, "content_type": 8, "object_id": "6", "object_repr": "63d2aa92-b47d-4f10-888f-aff39bfb6361", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 12, "fields": {"action_time": "2024-11-03T15:01:00.322Z", "user": 1, "content_type": 7, "object_id": "6", "object_repr": "Demo2", "action_flag": 2, "change_message": "[]"}}, {"model": "admin.logentry", "pk": 13, "fields": {"action_time": "2024-11-03T15:02:07.213Z", "user": 1, "content_type": 7, "object_id": "6", "object_repr": "Demo2", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"CurrentVersion\"]}}]"}}, {"model": "admin.logentry", "pk": 14, "fields": {"action_time": "2024-11-03T15:02:14.382Z", "user": 1, "content_type": 8, "object_id": "10", "object_repr": "7a5e475e-44b6-4c2a-8767-809253366191", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 15, "fields": {"action_time": "2024-11-03T15:02:14.382Z", "user": 1, "content_type": 8, "object_id": "9", "object_repr": "94fa4833-90dc-4bc1-8e67-849a4d70583f", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 16, "fields": {"action_time": "2024-11-03T15:07:16.691Z", "user": 1, "content_type": 7, "object_id": "7", "object_repr": "Notes", "action_flag": 3, "change_message": ""}}, {"model": "admin.logentry", "pk": 17, "fields": {"action_time": "2024-11-03T15:59:23.793Z", "user": 1, "content_type": 7, "object_id": "6", "object_repr": "Demo2", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"ProjectScreenshot\"]}}]"}}, {"model": "admin.logentry", "pk": 18, "fields": {"action_time": "2024-11-03T16:00:23.521Z", "user": 1, "content_type": 7, "object_id": "8", "object_repr": "Notes", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"ProjectScreenshot\"]}}]"}}, {"model": "admin.logentry", "pk": 19, "fields": {"action_time": "2024-11-03T16:01:17.004Z", "user": 1, "content_type": 7, "object_id": "9", "object_repr": "create a app for voice activation chat", "action_flag": 2, "change_message": "[{\"changed\": {\"fields\": [\"ProjectScreenshot\"]}}]"}}, {"model": "auth.permission", "pk": 1, "fields": {"name": "Can add log entry", "content_type": 1, "codename": "add_logentry"}}, {"model": "auth.permission", "pk": 2, "fields": {"name": "Can change log entry", "content_type": 1, "codename": "change_logentry"}}, {"model": "auth.permission", "pk": 3, "fields": {"name": "Can delete log entry", "content_type": 1, "codename": "delete_logentry"}}, {"model": "auth.permission", "pk": 4, "fields": {"name": "Can view log entry", "content_type": 1, "codename": "view_logentry"}}, {"model": "auth.permission", "pk": 5, "fields": {"name": "Can add permission", "content_type": 2, "codename": "add_permission"}}, {"model": "auth.permission", "pk": 6, "fields": {"name": "Can change permission", "content_type": 2, "codename": "change_permission"}}, {"model": "auth.permission", "pk": 7, "fields": {"name": "Can delete permission", "content_type": 2, "codename": "delete_permission"}}, {"model": "auth.permission", "pk": 8, "fields": {"name": "Can view permission", "content_type": 2, "codename": "view_permission"}}, {"model": "auth.permission", "pk": 9, "fields": {"name": "Can add group", "content_type": 3, "codename": "add_group"}}, {"model": "auth.permission", "pk": 10, "fields": {"name": "Can change group", "content_type": 3, "codename": "change_group"}}, {"model": "auth.permission", "pk": 11, "fields": {"name": "Can delete group", "content_type": 3, "codename": "delete_group"}}, {"model": "auth.permission", "pk": 12, "fields": {"name": "Can view group", "content_type": 3, "codename": "view_group"}}, {"model": "auth.permission", "pk": 13, "fields": {"name": "Can add user", "content_type": 4, "codename": "add_user"}}, {"model": "auth.permission", "pk": 14, "fields": {"name": "Can change user", "content_type": 4, "codename": "change_user"}}, {"model": "auth.permission", "pk": 15, "fields": {"name": "Can delete user", "content_type": 4, "codename": "delete_user"}}, {"model": "auth.permission", "pk": 16, "fields": {"name": "Can view user", "content_type": 4, "codename": "view_user"}}, {"model": "auth.permission", "pk": 17, "fields": {"name": "Can add content type", "content_type": 5, "codename": "add_contenttype"}}, {"model": "auth.permission", "pk": 18, "fields": {"name": "Can change content type", "content_type": 5, "codename": "change_contenttype"}}, {"model": "auth.permission", "pk": 19, "fields": {"name": "Can delete content type", "content_type": 5, "codename": "delete_contenttype"}}, {"model": "auth.permission", "pk": 20, "fields": {"name": "Can view content type", "content_type": 5, "codename": "view_contenttype"}}, {"model": "auth.permission", "pk": 21, "fields": {"name": "Can add session", "content_type": 6, "codename": "add_session"}}, {"model": "auth.permission", "pk": 22, "fields": {"name": "Can change session", "content_type": 6, "codename": "change_session"}}, {"model": "auth.permission", "pk": 23, "fields": {"name": "Can delete session", "content_type": 6, "codename": "delete_session"}}, {"model": "auth.permission", "pk": 24, "fields": {"name": "Can view session", "content_type": 6, "codename": "view_session"}}, {"model": "auth.permission", "pk": 25, "fields": {"name": "Can add projects", "content_type": 7, "codename": "add_projects"}}, {"model": "auth.permission", "pk": 26, "fields": {"name": "Can change projects", "content_type": 7, "codename": "change_projects"}}, {"model": "auth.permission", "pk": 27, "fields": {"name": "Can delete projects", "content_type": 7, "codename": "delete_projects"}}, {"model": "auth.permission", "pk": 28, "fields": {"name": "Can view projects", "content_type": 7, "codename": "view_projects"}}, {"model": "auth.permission", "pk": 29, "fields": {"name": "Can add version", "content_type": 8, "codename": "add_version"}}, {"model": "auth.permission", "pk": 30, "fields": {"name": "Can change version", "content_type": 8, "codename": "change_version"}}, {"model": "auth.permission", "pk": 31, "fields": {"name": "Can delete version", "content_type": 8, "codename": "delete_version"}}, {"model": "auth.permission", "pk": 32, "fields": {"name": "Can view version", "content_type": 8, "codename": "view_version"}}, {"model": "auth.user", "pk": 1, "fields": {"password": "pbkdf2_sha256$870000$kZXuPu7MyRgwOIjrCCjeSm$qPLJvhYdNvT1I3iNkhtUj/xAvFvfKwaCW7ep2Hb+bwU=", "last_login": "2024-11-03T14:10:43.270Z", "is_superuser": true, "username": "thejagstudio", "first_name": "", "last_name": "", "email": "thejagstudio@gmail.com", "is_staff": true, "is_active": true, "date_joined": "2024-11-03T14:09:52.463Z", "groups": [], "user_permissions": []}}, {"model": "contenttypes.contenttype", "pk": 1, "fields": {"app_label": "admin", "model": "logentry"}}, {"model": "contenttypes.contenttype", "pk": 2, "fields": {"app_label": "auth", "model": "permission"}}, {"model": "contenttypes.contenttype", "pk": 3, "fields": {"app_label": "auth", "model": "group"}}, {"model": "contenttypes.contenttype", "pk": 4, "fields": {"app_label": "auth", "model": "user"}}, {"model": "contenttypes.contenttype", "pk": 5, "fields": {"app_label": "contenttypes", "model": "contenttype"}}, {"model": "contenttypes.contenttype", "pk": 6, "fields": {"app_label": "sessions", "model": "session"}}, {"model": "contenttypes.contenttype", "pk": 7, "fields": {"app_label": "api", "model": "projects"}}, {"model": "contenttypes.contenttype", "pk": 8, "fields": {"app_label": "api", "model": "version"}}, {"model": "sessions.session", "pk": "gravmzl91bcddtzekm52ghcv4ffn1i47", "fields": {"session_data": ".eJxVjDEOwjAMRe-SGUVOqiQOIztnqOzapQWUSE07Ie4OlTrA-t97_2V62tap35ou_SzmbJw5_W5Mw0PLDuRO5VbtUMu6zGx3xR602WsVfV4O9-9gojZ9a0gQfedRwXMYRlDNQTCoQ0AJSTqKocseHY2S3MhImbNETyyM4Mi8P8pMN9A:1t7bJT:DiLxW26SjGuB2bsFwWe5ocVI1ZthlwsXNc-a5xz4C9w", "expire_date": "2024-11-17T14:10:43.635Z"}}, {"model": "api.projects", "pk": 6, "fields": {"projectId": "3e9e5161-d9bc-4820-a8c3-194da734a48d", "title": "Demo2", "slag": "demo6", "description": "Demo description", "userEmail": "tempmailpatel@gmail.com", "created_at": "2024-11-03T14:17:01.372Z", "updated_at": "2024-11-03T15:59:23.791Z", "currentVersion": 12, "projectScreenshot": "https://i.ibb.co/L06bH7K/image.png", "totalVersions": 1}}, {"model": "api.projects", "pk": 8, "fields": {"projectId": "ac61f525-a988-4fed-b516-caccf05b084d", "title": "Notes", "slag": "notes", "description": "Project that can listen and give transcript of the audio on screen", "userEmail": "tempmailpatel@gmail.com", "created_at": "2024-11-03T15:07:31.925Z", "updated_at": "2024-11-03T16:00:23.501Z", "currentVersion": 18, "projectScreenshot": "https://i.ibb.co/98sV3Cy/image.png", "totalVersions": 1}}, {"model": "api.projects", "pk": 9, "fields": {"projectId": "3ebe8ca9-55f3-4d2f-b169-6df08c890917", "title": "create a app for voice activation chat", "slag": "19a3y", "description": "create a app for voice activation chat app which allow us to record audio and say to out files.", "userEmail": "tempmailpatel@gmail.com", "created_at": "2024-11-03T15:29:08.786Z", "updated_at": "2024-11-03T16:01:16.994Z", "currentVersion": 20, "projectScreenshot": "https://i.ibb.co/3s8336N/image.png", "totalVersions": 1}}, {"model": "api.version", "pk": 5, "fields": {"versionId": "18759cf6-83b8-4c11-ac16-5531a8ed9b1d", "versionCount": 1, "versionMessage": "Demo", "generatedCode": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>TailwindCSS Demo</title>\r\n  <script src=\"https://cdn.tailwindcss.com\"></script>\r\n</head>\r\n<body>\r\n  <div class=\"min-h-screen bg-gradient-to-br from-blue-100 to-purple-100\">\r\n    <!-- Header Section -->\r\n    <header class=\"container mx-auto px-4 py-6\">\r\n      <nav class=\"flex justify-between items-center\">\r\n        <h1 class=\"text-2xl font-bold text-blue-600\">Demo 2</h1>\r\n        <div class=\"space-x-4\">\r\n          <button class=\"px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors\">\r\n            Sign In\r\n          </button>\r\n          <button class=\"px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors\">\r\n            Sign Up\r\n          </button>\r\n        </div>\r\n      </nav>\r\n    </header>\r\n\r\n    <!-- Main Content -->\r\n    <main class=\"container mx-auto px-4 py-12\">\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n        <!-- Card 1 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/300\" alt=\"Demo image\" class=\"w-full h-48 object-cover\" \r\n               data-caption=\"Beautiful landscape with mountains\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 1</h2>\r\n            <p class=\"text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/301\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\r\n               data-caption=\"Urban cityscape at sunset\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 2</h2>\r\n            <p class=\"text-gray-600\">Sed do eiusmod tempor incididunt ut labore et dolore.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/302\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\r\n               data-caption=\"Natural forest scenery\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 3</h2>\r\n            <p class=\"text-gray-600\">Ut enim ad minim veniam, quis nostrud exercitation.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </main>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"container mx-auto px-4 py-8 mt-12\">\r\n      <div class=\"text-center text-gray-600\">\r\n        <p>&copy; 2024 Demo 2. All rights reserved.</p>\r\n      </div>\r\n    </footer>\r\n  </div>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const buttons = document.querySelectorAll('button');\r\n      buttons.forEach(button => {\r\n        button.addEventListener('click', function() {\r\n          alert('Button clicked!');\r\n        });\r\n      });\r\n    });\r\n  </script>\r\n</body>\r\n</html>", "created_at": "2024-11-03T14:37:47.125Z", "updated_at": "2024-11-03T14:52:07.489Z", "project": 6}}, {"model": "api.version", "pk": 11, "fields": {"versionId": "cb64b920-ccda-4c13-97e8-8679f5abc4d3", "versionCount": 1, "versionMessage": "This is my Previous Code:\n\n```\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>TailwindCSS Demo</title>\r\n  <script src=\"https://cdn.tailwindcss.com\"></script>\r\n</head>\r\n<body>\r\n  <div class=\"min-h-screen bg-gradient-to-br from-blue-100 to-purple-100\">\r\n    <!-- Header Section -->\r\n    <header class=\"container mx-auto px-4 py-6\">\r\n      <nav class=\"flex justify-between items-center\">\r\n        <h1 class=\"text-2xl font-bold text-blue-600\">Demo 2</h1>\r\n        <div class=\"space-x-4\">\r\n          <button class=\"px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors\">\r\n            Sign In\r\n          </button>\r\n          <button class=\"px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors\">\r\n            Sign Up\r\n          </button>\r\n        </div>\r\n      </nav>\r\n    </header>\r\n\r\n    <!-- Main Content -->\r\n    <main class=\"container mx-auto px-4 py-12\">\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n        <!-- Card 1 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/300\" alt=\"Demo image\" class=\"w-full h-48 object-cover\" \r\n               data-caption=\"Beautiful landscape with mountains\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 1</h2>\r\n            <p class=\"text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/301\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\r\n               data-caption=\"Urban cityscape at sunset\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 2</h2>\r\n            <p class=\"text-gray-600\">Sed do eiusmod tempor incididunt ut labore et dolore.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\r\n          <img src=\"https://picsum.photos/400/302\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\r\n               data-caption=\"Natural forest scenery\">\r\n          <div class=\"p-6\">\r\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 3</h2>\r\n            <p class=\"text-gray-600\">Ut enim ad minim veniam, quis nostrud exercitation.</p>\r\n            <button class=\"mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 w-full\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </main>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"container mx-auto px-4 py-8 mt-12\">\r\n      <div class=\"text-center text-gray-600\">\r\n        <p>&copy; 2024 Demo 2. All rights reserved.</p>\r\n      </div>\r\n    </footer>\r\n  </div>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const buttons = document.querySelectorAll('button');\r\n      buttons.forEach(button => {\r\n        button.addEventListener('click', function() {\r\n          alert('Button clicked!');\r\n        });\r\n      });\r\n    });\r\n  </script>\r\n</body>\r\n</html>```\n\nchange color to green", "generatedCode": "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>TailwindCSS Demo</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body>\n  <div class=\"min-h-screen bg-gradient-to-br from-green-100 to-emerald-100\">\n    <!-- Header Section -->\n    <header class=\"container mx-auto px-4 py-6\">\n      <nav class=\"flex justify-between items-center\">\n        <h1 class=\"text-2xl font-bold text-green-600\">Demo 2</h1>\n        <div class=\"space-x-4\">\n          <button class=\"px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors\">\n            Sign In\n          </button>\n          <button class=\"px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 transition-colors\">\n            Sign Up\n          </button>\n        </div>\n      </nav>\n    </header>\n\n    <!-- Main Content -->\n    <main class=\"container mx-auto px-4 py-12\">\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Card 1 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/300\" alt=\"Demo image\" class=\"w-full h-48 object-cover\" \n               data-caption=\"Beautiful landscape with mountains\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 1</h2>\n            <p class=\"text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n            <button class=\"mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 2 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/301\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Urban cityscape at sunset\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 2</h2>\n            <p class=\"text-gray-600\">Sed do eiusmod tempor incididunt ut labore et dolore.</p>\n            <button class=\"mt-4 px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 3 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/302\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Natural forest scenery\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 3</h2>\n            <p class=\"text-gray-600\">Ut enim ad minim veniam, quis nostrud exercitation.</p>\n            <button class=\"mt-4 px-4 py-2 bg-teal-500 text-white rounded-lg hover:bg-teal-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n\n    <!-- Footer -->\n    <footer class=\"container mx-auto px-4 py-8 mt-12\">\n      <div class=\"text-center text-gray-600\">\n        <p>&copy; 2024 Demo 2. All rights reserved.</p>\n      </div>\n    </footer>\n  </div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const buttons = document.querySelectorAll('button');\n      buttons.forEach(button => {\n        button.addEventListener('click', function() {\n          alert('Button clicked!');\n        });\n      });\n    });\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:02:58.060Z", "updated_at": "2024-11-03T15:02:58.408Z", "project": 6}}, {"model": "api.version", "pk": 12, "fields": {"versionId": "941432b2-be8c-4bb7-9499-7225f1e7faea", "versionCount": 1, "versionMessage": "This is my Previous Code:\n\n```\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>TailwindCSS Demo</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body>\n  <div class=\"min-h-screen bg-gradient-to-br from-green-100 to-emerald-100\">\n    <!-- Header Section -->\n    <header class=\"container mx-auto px-4 py-6\">\n      <nav class=\"flex justify-between items-center\">\n        <h1 class=\"text-2xl font-bold text-green-600\">Demo 2</h1>\n        <div class=\"space-x-4\">\n          <button class=\"px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors\">\n            Sign In\n          </button>\n          <button class=\"px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 transition-colors\">\n            Sign Up\n          </button>\n        </div>\n      </nav>\n    </header>\n\n    <!-- Main Content -->\n    <main class=\"container mx-auto px-4 py-12\">\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Card 1 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/300\" alt=\"Demo image\" class=\"w-full h-48 object-cover\" \n               data-caption=\"Beautiful landscape with mountains\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 1</h2>\n            <p class=\"text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n            <button class=\"mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 2 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/301\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Urban cityscape at sunset\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 2</h2>\n            <p class=\"text-gray-600\">Sed do eiusmod tempor incididunt ut labore et dolore.</p>\n            <button class=\"mt-4 px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 3 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/302\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Natural forest scenery\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 3</h2>\n            <p class=\"text-gray-600\">Ut enim ad minim veniam, quis nostrud exercitation.</p>\n            <button class=\"mt-4 px-4 py-2 bg-teal-500 text-white rounded-lg hover:bg-teal-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n\n    <!-- Footer -->\n    <footer class=\"container mx-auto px-4 py-8 mt-12\">\n      <div class=\"text-center text-gray-600\">\n        <p>&copy; 2024 Demo 2. All rights reserved.</p>\n      </div>\n    </footer>\n  </div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const buttons = document.querySelectorAll('button');\n      buttons.forEach(button => {\n        button.addEventListener('click', function() {\n          alert('Button clicked!');\n        });\n      });\n    });\n  </script>\n</body>\n</html>\n```\n\nchange © 2024 Demo 2. All rights reserved. to © 2025 TheJagStudio. All rights reserved.", "generatedCode": "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>TailwindCSS Demo</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body>\n  <div class=\"min-h-screen bg-gradient-to-br from-green-100 to-emerald-100\">\n    <!-- Header Section -->\n    <header class=\"container mx-auto px-4 py-6\">\n      <nav class=\"flex justify-between items-center\">\n        <h1 class=\"text-2xl font-bold text-green-600\">Demo 2</h1>\n        <div class=\"space-x-4\">\n          <button class=\"px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors\">\n            Sign In\n          </button>\n          <button class=\"px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 transition-colors\">\n            Sign Up\n          </button>\n        </div>\n      </nav>\n    </header>\n\n    <!-- Main Content -->\n    <main class=\"container mx-auto px-4 py-12\">\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Card 1 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/300\" alt=\"Demo image\" class=\"w-full h-48 object-cover\" \n               data-caption=\"Beautiful landscape with mountains\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 1</h2>\n            <p class=\"text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n            <button class=\"mt-4 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 2 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/301\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Urban cityscape at sunset\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 2</h2>\n            <p class=\"text-gray-600\">Sed do eiusmod tempor incididunt ut labore et dolore.</p>\n            <button class=\"mt-4 px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n\n        <!-- Card 3 -->\n        <div class=\"bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow\">\n          <img src=\"https://picsum.photos/400/302\" alt=\"Demo image\" class=\"w-full h-48 object-cover\"\n               data-caption=\"Natural forest scenery\">\n          <div class=\"p-6\">\n            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Card Title 3</h2>\n            <p class=\"text-gray-600\">Ut enim ad minim veniam, quis nostrud exercitation.</p>\n            <button class=\"mt-4 px-4 py-2 bg-teal-500 text-white rounded-lg hover:bg-teal-600 w-full\">\n              Learn More\n            </button>\n          </div>\n        </div>\n      </div>\n    </main>\n\n    <!-- Footer -->\n    <footer class=\"container mx-auto px-4 py-8 mt-12\">\n      <div class=\"text-center text-gray-600\">\n        <p>&copy; 2025 TheJagStudio. All rights reserved.</p>\n      </div>\n    </footer>\n  </div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const buttons = document.querySelectorAll('button');\n      buttons.forEach(button => {\n        button.addEventListener('click', function() {\n          alert('Button clicked!');\n        });\n      });\n    });\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:03:36.515Z", "updated_at": "2024-11-03T15:03:36.906Z", "project": 6}}, {"model": "api.version", "pk": 15, "fields": {"versionId": "19338112-70a5-4da6-9a03-a3eb80037d69", "versionCount": 1, "versionMessage": "Initial version", "generatedCode": "", "created_at": "2024-11-03T15:07:32.677Z", "updated_at": "2024-11-03T15:07:32.993Z", "project": 8}}, {"model": "api.version", "pk": 16, "fields": {"versionId": "50e8755d-b2b8-4556-82ae-96c3cf2d2d19", "versionCount": 1, "versionMessage": "Notes\r\n\r\n---\r\n\r\nProject that can listen and give transcript of the audio on screen", "generatedCode": "\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Speech to Text</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto\">\n      <h1 class=\"text-3xl font-bold text-center mb-8 text-gray-800\">Speech to Text Transcriber</h1>\n      \n      <div class=\"bg-white rounded-lg shadow-md p-6\">\n        <div class=\"flex flex-col items-center gap-4 mb-6\">\n          <button id=\"startButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200\">\n            Start Recording\n          </button>\n          \n          <button id=\"stopButton\" class=\"bg-red-500 hover:bg-red-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200 hidden\">\n            Stop Recording\n          </button>\n        </div>\n\n        <div class=\"status-indicator flex items-center justify-center mb-4\">\n          <div id=\"statusDot\" class=\"w-3 h-3 rounded-full bg-gray-400 mr-2\"></div>\n          <span id=\"status\" class=\"text-gray-600\">Not Recording</span>\n        </div>\n\n        <div class=\"relative\">\n          <textarea \n            id=\"transcript\" \n            class=\"w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n            placeholder=\"Your transcript will appear here...\"\n            readonly\n          ></textarea>\n          \n          <button \n            id=\"copyButton\"\n            class=\"absolute bottom-4 right-4 bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm transition duration-200\"\n          >\n            Copy\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    const startButton = document.getElementById('startButton');\n    const stopButton = document.getElementById('stopButton');\n    const transcript = document.getElementById('transcript');\n    const status = document.getElementById('status');\n    const statusDot = document.getElementById('statusDot');\n    const copyButton = document.getElementById('copyButton');\n\n    let recognition = null;\n\n    if ('webkitSpeechRecognition' in window) {\n      recognition = new webkitSpeechRecognition();\n      recognition.continuous = true;\n      recognition.interimResults = true;\n\n      recognition.onstart = () => {\n        status.textContent = 'Recording...';\n        statusDot.classList.remove('bg-gray-400');\n        statusDot.classList.add('bg-red-500');\n        startButton.classList.add('hidden');\n        stopButton.classList.remove('hidden');\n      };\n\n      recognition.onend = () => {\n        status.textContent = 'Not Recording';\n        statusDot.classList.remove('bg-red-500');\n        statusDot.classList.add('bg-gray-400');\n        startButton.classList.remove('hidden');\n        stopButton.classList.add('hidden');\n      };\n\n      recognition.onresult = (event) => {\n        let finalTranscript = '';\n        let interimTranscript = '';\n\n        for (let i = event.resultIndex; i < event.results.length; i++) {\n          const result = event.results[i];\n          if (result.isFinal) {\n            finalTranscript += result[0].transcript;\n          } else {\n            interimTranscript += result[0].transcript;\n          }\n        }\n\n        transcript.value = finalTranscript + '\\n' + interimTranscript;\n      };\n\n      recognition.onerror = (event) => {\n        console.error('Speech recognition error:', event.error);\n        status.textContent = 'Error: ' + event.error;\n      };\n    } else {\n      startButton.disabled = true;\n      status.textContent = 'Speech recognition not supported';\n    }\n\n    startButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.start();\n      }\n    });\n\n    stopButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.stop();\n      }\n    });\n\n    copyButton.addEventListener('click', () => {\n      transcript.select();\n      document.execCommand('copy');\n      \n      const originalText = copyButton.textContent;\n      copyButton.textContent = 'Copied!';\n      \n      setTimeout(() => {\n        copyButton.textContent = originalText;\n      }, 2000);\n    });\n\n    // Auto-save transcript every 5 seconds\n    setInterval(() => {\n      if (transcript.value) {\n        localStorage.setItem('savedTranscript', transcript.value);\n      }\n    }, 5000);\n\n    // Load saved transcript on page load\n    window.addEventListener('load', () => {\n      const savedTranscript = localStorage.getItem('savedTranscript');\n      if (savedTranscript) {\n        transcript.value = savedTranscript;\n      }\n    });\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:08:01.629Z", "updated_at": "2024-11-03T15:08:01.990Z", "project": 8}}, {"model": "api.version", "pk": 17, "fields": {"versionId": "3a900a3a-5984-4f54-a720-4c2e65fad5e3", "versionCount": 1, "versionMessage": "This is my Previous Code:\n\n```\n\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Speech to Text</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto\">\n      <h1 class=\"text-3xl font-bold text-center mb-8 text-gray-800\">Speech to Text Transcriber</h1>\n      \n      <div class=\"bg-white rounded-lg shadow-md p-6\">\n        <div class=\"flex flex-col items-center gap-4 mb-6\">\n          <button id=\"startButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200\">\n            Start Recording\n          </button>\n          \n          <button id=\"stopButton\" class=\"bg-red-500 hover:bg-red-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200 hidden\">\n            Stop Recording\n          </button>\n        </div>\n\n        <div class=\"status-indicator flex items-center justify-center mb-4\">\n          <div id=\"statusDot\" class=\"w-3 h-3 rounded-full bg-gray-400 mr-2\"></div>\n          <span id=\"status\" class=\"text-gray-600\">Not Recording</span>\n        </div>\n\n        <div class=\"relative\">\n          <textarea \n            id=\"transcript\" \n            class=\"w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n            placeholder=\"Your transcript will appear here...\"\n            readonly\n          ></textarea>\n          \n          <button \n            id=\"copyButton\"\n            class=\"absolute bottom-4 right-4 bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm transition duration-200\"\n          >\n            Copy\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    const startButton = document.getElementById('startButton');\n    const stopButton = document.getElementById('stopButton');\n    const transcript = document.getElementById('transcript');\n    const status = document.getElementById('status');\n    const statusDot = document.getElementById('statusDot');\n    const copyButton = document.getElementById('copyButton');\n\n    let recognition = null;\n\n    if ('webkitSpeechRecognition' in window) {\n      recognition = new webkitSpeechRecognition();\n      recognition.continuous = true;\n      recognition.interimResults = true;\n\n      recognition.onstart = () => {\n        status.textContent = 'Recording...';\n        statusDot.classList.remove('bg-gray-400');\n        statusDot.classList.add('bg-red-500');\n        startButton.classList.add('hidden');\n        stopButton.classList.remove('hidden');\n      };\n\n      recognition.onend = () => {\n        status.textContent = 'Not Recording';\n        statusDot.classList.remove('bg-red-500');\n        statusDot.classList.add('bg-gray-400');\n        startButton.classList.remove('hidden');\n        stopButton.classList.add('hidden');\n      };\n\n      recognition.onresult = (event) => {\n        let finalTranscript = '';\n        let interimTranscript = '';\n\n        for (let i = event.resultIndex; i < event.results.length; i++) {\n          const result = event.results[i];\n          if (result.isFinal) {\n            finalTranscript += result[0].transcript;\n          } else {\n            interimTranscript += result[0].transcript;\n          }\n        }\n\n        transcript.value = finalTranscript + '\\n' + interimTranscript;\n      };\n\n      recognition.onerror = (event) => {\n        console.error('Speech recognition error:', event.error);\n        status.textContent = 'Error: ' + event.error;\n      };\n    } else {\n      startButton.disabled = true;\n      status.textContent = 'Speech recognition not supported';\n    }\n\n    startButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.start();\n      }\n    });\n\n    stopButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.stop();\n      }\n    });\n\n    copyButton.addEventListener('click', () => {\n      transcript.select();\n      document.execCommand('copy');\n      \n      const originalText = copyButton.textContent;\n      copyButton.textContent = 'Copied!';\n      \n      setTimeout(() => {\n        copyButton.textContent = originalText;\n      }, 2000);\n    });\n\n    // Auto-save transcript every 5 seconds\n    setInterval(() => {\n      if (transcript.value) {\n        localStorage.setItem('savedTranscript', transcript.value);\n      }\n    }, 5000);\n\n    // Load saved transcript on page load\n    window.addEventListener('load', () => {\n      const savedTranscript = localStorage.getItem('savedTranscript');\n      if (savedTranscript) {\n        transcript.value = savedTranscript;\n      }\n    });\n  </script>\n</body>\n</html>\n```\n\nwhat ever I say I should have a button to just save that for later.", "generatedCode": "\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Speech to Text</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto\">\n      <h1 class=\"text-3xl font-bold text-center mb-8 text-gray-800\">Speech to Text Transcriber</h1>\n      \n      <div class=\"bg-white rounded-lg shadow-md p-6\">\n        <div class=\"flex flex-col items-center gap-4 mb-6\">\n          <button id=\"startButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200\">\n            Start Recording\n          </button>\n          \n          <button id=\"stopButton\" class=\"bg-red-500 hover:bg-red-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200 hidden\">\n            Stop Recording\n          </button>\n        </div>\n\n        <div class=\"status-indicator flex items-center justify-center mb-4\">\n          <div id=\"statusDot\" class=\"w-3 h-3 rounded-full bg-gray-400 mr-2\"></div>\n          <span id=\"status\" class=\"text-gray-600\">Not Recording</span>\n        </div>\n\n        <div class=\"relative\">\n          <textarea \n            id=\"transcript\" \n            class=\"w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n            placeholder=\"Your transcript will appear here...\"\n            readonly\n          ></textarea>\n          \n          <div class=\"absolute bottom-4 right-4 flex space-x-2\">\n            <button \n              id=\"copyButton\"\n              class=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Copy\n            </button>\n            <button \n              id=\"saveButton\"\n              class=\"bg-green-500 hover:bg-green-600 text-white font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Save\n            </button>\n          </div>\n        </div>\n\n        <div id=\"savedTranscripts\" class=\"mt-6 space-y-3\">\n          <h2 class=\"font-semibold text-gray-700 mb-2\">Saved Transcripts</h2>\n          <div id=\"savedList\" class=\"space-y-2\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    const startButton = document.getElementById('startButton');\n    const stopButton = document.getElementById('stopButton');\n    const transcript = document.getElementById('transcript');\n    const status = document.getElementById('status');\n    const statusDot = document.getElementById('statusDot');\n    const copyButton = document.getElementById('copyButton');\n    const saveButton = document.getElementById('saveButton');\n    const savedList = document.getElementById('savedList');\n\n    let recognition = null;\n\n    function loadSavedTranscripts() {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      savedList.innerHTML = saved.map((item, index) => `\n        <div class=\"flex items-center justify-between p-3 bg-gray-50 rounded\">\n          <p class=\"text-sm text-gray-600 flex-1 mr-4\">${item.text.substring(0, 100)}${item.text.length > 100 ? '...' : ''}</p>\n          <div class=\"flex space-x-2\">\n            <button \n              onclick=\"deleteSavedTranscript(${index})\" \n              class=\"text-red-500 hover:text-red-600 text-sm\"\n            >\n              Delete\n            </button>\n          </div>\n        </div>\n      `).join('');\n    }\n\n    function saveTranscript() {\n      if (!transcript.value.trim()) return;\n      \n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.push({\n        text: transcript.value,\n        date: new Date().toISOString()\n      });\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n\n      // Visual feedback\n      saveButton.textContent = 'Saved!';\n      setTimeout(() => {\n        saveButton.textContent = 'Save';\n      }, 2000);\n    }\n\n    function deleteSavedTranscript(index) {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.splice(index, 1);\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n    }\n\n    if ('webkitSpeechRecognition' in window) {\n      recognition = new webkitSpeechRecognition();\n      recognition.continuous = true;\n      recognition.interimResults = true;\n\n      recognition.onstart = () => {\n        status.textContent = 'Recording...';\n        statusDot.classList.remove('bg-gray-400');\n        statusDot.classList.add('bg-red-500');\n        startButton.classList.add('hidden');\n        stopButton.classList.remove('hidden');\n      };\n\n      recognition.onend = () => {\n        status.textContent = 'Not Recording';\n        statusDot.classList.remove('bg-red-500');\n        statusDot.classList.add('bg-gray-400');\n        startButton.classList.remove('hidden');\n        stopButton.classList.add('hidden');\n      };\n\n      recognition.onresult = (event) => {\n        let finalTranscript = '';\n        let interimTranscript = '';\n\n        for (let i = event.resultIndex; i < event.results.length; i++) {\n          const result = event.results[i];\n          if (result.isFinal) {\n            finalTranscript += result[0].transcript;\n          } else {\n            interimTranscript += result[0].transcript;\n          }\n        }\n\n        transcript.value = finalTranscript + '\\n' + interimTranscript;\n      };\n\n      recognition.onerror = (event) => {\n        console.error('Speech recognition error:', event.error);\n        status.textContent = 'Error: ' + event.error;\n      };\n    } else {\n      startButton.disabled = true;\n      status.textContent = 'Speech recognition not supported';\n    }\n\n    startButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.start();\n      }\n    });\n\n    stopButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.stop();\n      }\n    });\n\n    copyButton.addEventListener('click', () => {\n      transcript.select();\n      document.execCommand('copy');\n      \n      const originalText = copyButton.textContent;\n      copyButton.textContent = 'Copied!';\n      \n      setTimeout(() => {\n        copyButton.textContent = originalText;\n      }, 2000);\n    });\n\n    saveButton.addEventListener('click', saveTranscript);\n\n    // Load saved transcripts on page load\n    window.addEventListener('load', loadSavedTranscripts);\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:09:44.594Z", "updated_at": "2024-11-03T15:09:44.985Z", "project": 8}}, {"model": "api.version", "pk": 18, "fields": {"versionId": "0e247516-5571-491d-a74e-8dae85ed1ff8", "versionCount": 1, "versionMessage": "This is my Previous Code:\n\n```\n\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Speech to Text</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto\">\n      <h1 class=\"text-3xl font-bold text-center mb-8 text-gray-800\">Speech to Text Transcriber</h1>\n      \n      <div class=\"bg-white rounded-lg shadow-md p-6\">\n        <div class=\"flex flex-col items-center gap-4 mb-6\">\n          <button id=\"startButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200\">\n            Start Recording\n          </button>\n          \n          <button id=\"stopButton\" class=\"bg-red-500 hover:bg-red-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200 hidden\">\n            Stop Recording\n          </button>\n        </div>\n\n        <div class=\"status-indicator flex items-center justify-center mb-4\">\n          <div id=\"statusDot\" class=\"w-3 h-3 rounded-full bg-gray-400 mr-2\"></div>\n          <span id=\"status\" class=\"text-gray-600\">Not Recording</span>\n        </div>\n\n        <div class=\"relative\">\n          <textarea \n            id=\"transcript\" \n            class=\"w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n            placeholder=\"Your transcript will appear here...\"\n            readonly\n          ></textarea>\n          \n          <div class=\"absolute bottom-4 right-4 flex space-x-2\">\n            <button \n              id=\"copyButton\"\n              class=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Copy\n            </button>\n            <button \n              id=\"saveButton\"\n              class=\"bg-green-500 hover:bg-green-600 text-white font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Save\n            </button>\n          </div>\n        </div>\n\n        <div id=\"savedTranscripts\" class=\"mt-6 space-y-3\">\n          <h2 class=\"font-semibold text-gray-700 mb-2\">Saved Transcripts</h2>\n          <div id=\"savedList\" class=\"space-y-2\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    const startButton = document.getElementById('startButton');\n    const stopButton = document.getElementById('stopButton');\n    const transcript = document.getElementById('transcript');\n    const status = document.getElementById('status');\n    const statusDot = document.getElementById('statusDot');\n    const copyButton = document.getElementById('copyButton');\n    const saveButton = document.getElementById('saveButton');\n    const savedList = document.getElementById('savedList');\n\n    let recognition = null;\n\n    function loadSavedTranscripts() {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      savedList.innerHTML = saved.map((item, index) => `\n        <div class=\"flex items-center justify-between p-3 bg-gray-50 rounded\">\n          <p class=\"text-sm text-gray-600 flex-1 mr-4\">${item.text.substring(0, 100)}${item.text.length > 100 ? '...' : ''}</p>\n          <div class=\"flex space-x-2\">\n            <button \n              onclick=\"deleteSavedTranscript(${index})\" \n              class=\"text-red-500 hover:text-red-600 text-sm\"\n            >\n              Delete\n            </button>\n          </div>\n        </div>\n      `).join('');\n    }\n\n    function saveTranscript() {\n      if (!transcript.value.trim()) return;\n      \n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.push({\n        text: transcript.value,\n        date: new Date().toISOString()\n      });\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n\n      // Visual feedback\n      saveButton.textContent = 'Saved!';\n      setTimeout(() => {\n        saveButton.textContent = 'Save';\n      }, 2000);\n    }\n\n    function deleteSavedTranscript(index) {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.splice(index, 1);\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n    }\n\n    if ('webkitSpeechRecognition' in window) {\n      recognition = new webkitSpeechRecognition();\n      recognition.continuous = true;\n      recognition.interimResults = true;\n\n      recognition.onstart = () => {\n        status.textContent = 'Recording...';\n        statusDot.classList.remove('bg-gray-400');\n        statusDot.classList.add('bg-red-500');\n        startButton.classList.add('hidden');\n        stopButton.classList.remove('hidden');\n      };\n\n      recognition.onend = () => {\n        status.textContent = 'Not Recording';\n        statusDot.classList.remove('bg-red-500');\n        statusDot.classList.add('bg-gray-400');\n        startButton.classList.remove('hidden');\n        stopButton.classList.add('hidden');\n      };\n\n      recognition.onresult = (event) => {\n        let finalTranscript = '';\n        let interimTranscript = '';\n\n        for (let i = event.resultIndex; i < event.results.length; i++) {\n          const result = event.results[i];\n          if (result.isFinal) {\n            finalTranscript += result[0].transcript;\n          } else {\n            interimTranscript += result[0].transcript;\n          }\n        }\n\n        transcript.value = finalTranscript + '\\n' + interimTranscript;\n      };\n\n      recognition.onerror = (event) => {\n        console.error('Speech recognition error:', event.error);\n        status.textContent = 'Error: ' + event.error;\n      };\n    } else {\n      startButton.disabled = true;\n      status.textContent = 'Speech recognition not supported';\n    }\n\n    startButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.start();\n      }\n    });\n\n    stopButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.stop();\n      }\n    });\n\n    copyButton.addEventListener('click', () => {\n      transcript.select();\n      document.execCommand('copy');\n      \n      const originalText = copyButton.textContent;\n      copyButton.textContent = 'Copied!';\n      \n      setTimeout(() => {\n        copyButton.textContent = originalText;\n      }, 2000);\n    });\n\n    saveButton.addEventListener('click', saveTranscript);\n\n    // Load saved transcripts on page load\n    window.addEventListener('load', loadSavedTranscripts);\n  </script>\n</body>\n</html>\n```\n\nI also want a popup when I click save because I want to add a title to my note", "generatedCode": "\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Speech to Text</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto\">\n      <h1 class=\"text-3xl font-bold text-center mb-8 text-gray-800\">Speech to Text Transcriber</h1>\n      \n      <!-- Modal -->\n      <div id=\"saveModal\" class=\"fixed inset-0 bg-gray-600 bg-opacity-50 hidden\">\n        <div class=\"flex items-center justify-center min-h-screen\">\n          <div class=\"bg-white rounded-lg shadow-xl p-6 w-96\">\n            <h3 class=\"text-lg font-semibold mb-4\">Save Transcript</h3>\n            <input \n              type=\"text\" \n              id=\"transcriptTitle\"\n              placeholder=\"Enter title for your transcript\"\n              class=\"w-full p-2 border border-gray-300 rounded mb-4 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n            >\n            <div class=\"flex justify-end space-x-2\">\n              <button \n                id=\"cancelSave\" \n                class=\"px-4 py-2 bg-gray-200 text-gray-700 rounded hover:bg-gray-300 transition duration-200\"\n              >\n                Cancel\n              </button>\n              <button \n                id=\"confirmSave\" \n                class=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-200\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bg-white rounded-lg shadow-md p-6\">\n        <div class=\"flex flex-col items-center gap-4 mb-6\">\n          <button id=\"startButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200\">\n            Start Recording\n          </button>\n          \n          <button id=\"stopButton\" class=\"bg-red-500 hover:bg-red-600 text-white font-medium py-2 px-4 rounded-lg transition duration-200 hidden\">\n            Stop Recording\n          </button>\n        </div>\n\n        <div class=\"status-indicator flex items-center justify-center mb-4\">\n          <div id=\"statusDot\" class=\"w-3 h-3 rounded-full bg-gray-400 mr-2\"></div>\n          <span id=\"status\" class=\"text-gray-600\">Not Recording</span>\n        </div>\n\n        <div class=\"relative\">\n          <textarea \n            id=\"transcript\" \n            class=\"w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n            placeholder=\"Your transcript will appear here...\"\n            readonly\n          ></textarea>\n          \n          <div class=\"absolute bottom-4 right-4 flex space-x-2\">\n            <button \n              id=\"copyButton\"\n              class=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Copy\n            </button>\n            <button \n              id=\"saveButton\"\n              class=\"bg-green-500 hover:bg-green-600 text-white font-medium py-1 px-3 rounded text-sm transition duration-200\"\n            >\n              Save\n            </button>\n          </div>\n        </div>\n\n        <div id=\"savedTranscripts\" class=\"mt-6 space-y-3\">\n          <h2 class=\"font-semibold text-gray-700 mb-2\">Saved Transcripts</h2>\n          <div id=\"savedList\" class=\"space-y-2\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    const startButton = document.getElementById('startButton');\n    const stopButton = document.getElementById('stopButton');\n    const transcript = document.getElementById('transcript');\n    const status = document.getElementById('status');\n    const statusDot = document.getElementById('statusDot');\n    const copyButton = document.getElementById('copyButton');\n    const saveButton = document.getElementById('saveButton');\n    const savedList = document.getElementById('savedList');\n    const saveModal = document.getElementById('saveModal');\n    const transcriptTitle = document.getElementById('transcriptTitle');\n    const confirmSave = document.getElementById('confirmSave');\n    const cancelSave = document.getElementById('cancelSave');\n\n    let recognition = null;\n\n    function loadSavedTranscripts() {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      savedList.innerHTML = saved.map((item, index) => `\n        <div class=\"flex items-center justify-between p-3 bg-gray-50 rounded\">\n          <div class=\"flex-1 mr-4\">\n            <h3 class=\"font-medium text-gray-800 mb-1\">${item.title}</h3>\n            <p class=\"text-sm text-gray-600\">${item.text.substring(0, 100)}${item.text.length > 100 ? '...' : ''}</p>\n          </div>\n          <div class=\"flex space-x-2\">\n            <button \n              onclick=\"deleteSavedTranscript(${index})\" \n              class=\"text-red-500 hover:text-red-600 text-sm\"\n            >\n              Delete\n            </button>\n          </div>\n        </div>\n      `).join('');\n    }\n\n    function saveTranscript() {\n      if (!transcript.value.trim()) return;\n      \n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.push({\n        title: transcriptTitle.value || 'Untitled',\n        text: transcript.value,\n        date: new Date().toISOString()\n      });\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n      \n      // Close modal and reset\n      saveModal.classList.add('hidden');\n      transcriptTitle.value = '';\n      \n      // Visual feedback\n      saveButton.textContent = 'Saved!';\n      setTimeout(() => {\n        saveButton.textContent = 'Save';\n      }, 2000);\n    }\n\n    function deleteSavedTranscript(index) {\n      const saved = JSON.parse(localStorage.getItem('savedTranscripts') || '[]');\n      saved.splice(index, 1);\n      localStorage.setItem('savedTranscripts', JSON.stringify(saved));\n      loadSavedTranscripts();\n    }\n\n    if ('webkitSpeechRecognition' in window) {\n      recognition = new webkitSpeechRecognition();\n      recognition.continuous = true;\n      recognition.interimResults = true;\n\n      recognition.onstart = () => {\n        status.textContent = 'Recording...';\n        statusDot.classList.remove('bg-gray-400');\n        statusDot.classList.add('bg-red-500');\n        startButton.classList.add('hidden');\n        stopButton.classList.remove('hidden');\n      };\n\n      recognition.onend = () => {\n        status.textContent = 'Not Recording';\n        statusDot.classList.remove('bg-red-500');\n        statusDot.classList.add('bg-gray-400');\n        startButton.classList.remove('hidden');\n        stopButton.classList.add('hidden');\n      };\n\n      recognition.onresult = (event) => {\n        let finalTranscript = '';\n        let interimTranscript = '';\n\n        for (let i = event.resultIndex; i < event.results.length; i++) {\n          const result = event.results[i];\n          if (result.isFinal) {\n            finalTranscript += result[0].transcript;\n          } else {\n            interimTranscript += result[0].transcript;\n          }\n        }\n\n        transcript.value = finalTranscript + '\\n' + interimTranscript;\n      };\n\n      recognition.onerror = (event) => {\n        console.error('Speech recognition error:', event.error);\n        status.textContent = 'Error: ' + event.error;\n      };\n    } else {\n      startButton.disabled = true;\n      status.textContent = 'Speech recognition not supported';\n    }\n\n    startButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.start();\n      }\n    });\n\n    stopButton.addEventListener('click', () => {\n      if (recognition) {\n        recognition.stop();\n      }\n    });\n\n    copyButton.addEventListener('click', () => {\n      transcript.select();\n      document.execCommand('copy');\n      \n      const originalText = copyButton.textContent;\n      copyButton.textContent = 'Copied!';\n      \n      setTimeout(() => {\n        copyButton.textContent = originalText;\n      }, 2000);\n    });\n\n    saveButton.addEventListener('click', () => {\n      if (transcript.value.trim()) {\n        saveModal.classList.remove('hidden');\n      }\n    });\n\n    confirmSave.addEventListener('click', saveTranscript);\n    \n    cancelSave.addEventListener('click', () => {\n      saveModal.classList.add('hidden');\n      transcriptTitle.value = '';\n    });\n\n    // Close modal when clicking outside\n    saveModal.addEventListener('click', (e) => {\n      if (e.target === saveModal) {\n        saveModal.classList.add('hidden');\n        transcriptTitle.value = '';\n      }\n    });\n\n    // Load saved transcripts on page load\n    window.addEventListener('load', loadSavedTranscripts);\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:11:38.135Z", "updated_at": "2024-11-03T15:11:38.571Z", "project": 8}}, {"model": "api.version", "pk": 19, "fields": {"versionId": "f0d4fe79-59cc-4b4e-8f1d-5f3687f56f66", "versionCount": 1, "versionMessage": "Initial version", "generatedCode": "", "created_at": "2024-11-03T15:29:09.789Z", "updated_at": "2024-11-03T15:29:10.170Z", "project": 9}}, {"model": "api.version", "pk": 20, "fields": {"versionId": "f4e23ae8-5677-425c-a99a-2bb05db7a113", "versionCount": 1, "versionMessage": "create a app for voice activation chat\r\n\r\n---\r\n\r\ncreate a app for voice activation chat app which allow us to record audio and say to out files.", "generatedCode": "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Voice Chat App</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n</head>\n<body class=\"bg-gray-100\">\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6\">\n      <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-8\">Voice Chat App</h1>\n\n      <div class=\"flex flex-col items-center gap-4\">\n        <button id=\"recordButton\" class=\"bg-blue-500 hover:bg-blue-600 text-white font-semibold py-3 px-6 rounded-full flex items-center gap-2 transition-colors\">\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"6\"></circle>\n          </svg>\n          <span>Start Recording</span>\n        </button>\n\n        <div id=\"recordingStatus\" class=\"text-gray-600 hidden\">\n          Recording... <span id=\"timer\" class=\"font-mono\">00:00</span>\n        </div>\n\n        <div id=\"audioList\" class=\"w-full space-y-4 mt-6\">\n          <!-- Audio clips will be added here -->\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <script>\n    let mediaRecorder;\n    let audioChunks = [];\n    let isRecording = false;\n    let timerInterval;\n    let startTime;\n    \n    const recordButton = document.getElementById('recordButton');\n    const recordingStatus = document.getElementById('recordingStatus');\n    const timer = document.getElementById('timer');\n    const audioList = document.getElementById('audioList');\n\n    async function initializeRecording() {\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n        mediaRecorder = new MediaRecorder(stream);\n\n        mediaRecorder.ondataavailable = (event) => {\n          audioChunks.push(event.data);\n        };\n\n        mediaRecorder.onstop = () => {\n          const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });\n          const audioUrl = URL.createObjectURL(audioBlob);\n          addAudioElement(audioUrl);\n          audioChunks = [];\n        };\n\n      } catch (err) {\n        console.error('Error accessing microphone:', err);\n        alert('Unable to access microphone. Please check permissions.');\n      }\n    }\n\n    function updateTimer() {\n      const elapsed = Math.floor((Date.now() - startTime) / 1000);\n      const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');\n      const seconds = (elapsed % 60).toString().padStart(2, '0');\n      timer.textContent = `${minutes}:${seconds}`;\n    }\n\n    function addAudioElement(audioUrl) {\n      const timestamp = new Date().toLocaleTimeString();\n      const audioContainer = document.createElement('div');\n      audioContainer.className = 'bg-gray-50 p-4 rounded-lg';\n      \n      audioContainer.innerHTML = `\n        <div class=\"flex items-center justify-between mb-2\">\n          <span class=\"text-sm text-gray-500\">${timestamp}</span>\n          <button class=\"text-red-500 hover:text-red-600\" onclick=\"this.parentElement.parentElement.remove()\">\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n            </svg>\n          </button>\n        </div>\n        <audio controls class=\"w-full\" data-caption=\"Voice recording from ${timestamp}\">\n          <source src=\"${audioUrl}\" type=\"audio/wav\">\n          Your browser does not support the audio element.\n        </audio>\n      `;\n\n      audioList.insertBefore(audioContainer, audioList.firstChild);\n    }\n\n    recordButton.addEventListener('click', async () => {\n      if (!mediaRecorder) {\n        await initializeRecording();\n      }\n\n      if (!isRecording) {\n        mediaRecorder.start();\n        isRecording = true;\n        startTime = Date.now();\n        timerInterval = setInterval(updateTimer, 1000);\n        recordButton.innerHTML = `\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\"/>\n          </svg>\n          <span>Stop Recording</span>\n        `;\n        recordButton.classList.replace('bg-blue-500', 'bg-red-500');\n        recordButton.classList.replace('hover:bg-blue-600', 'hover:bg-red-600');\n        recordingStatus.classList.remove('hidden');\n      } else {\n        mediaRecorder.stop();\n        isRecording = false;\n        clearInterval(timerInterval);\n        recordButton.innerHTML = `\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"6\"></circle>\n          </svg>\n          <span>Start Recording</span>\n        `;\n        recordButton.classList.replace('bg-red-500', 'bg-blue-500');\n        recordButton.classList.replace('hover:bg-red-600', 'hover:bg-blue-600');\n        recordingStatus.classList.add('hidden');\n      }\n    });\n  </script>\n</body>\n</html>\n", "created_at": "2024-11-03T15:29:42.311Z", "updated_at": "2024-11-03T15:29:42.870Z", "project": 9}}]

instabuild/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for instabuild project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "instabuild.settings")
+
+application = get_asgi_application()

instabuild/settings.py

@@ -0,0 +1,137 @@
+"""
+Django settings for instabuild project.
+
+Generated by 'django-admin startproject' using Django 5.1.2.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/5.1/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = "django-insecure-8rdfha5*q&t&z_=95tmz=le4np_bl(t^l(*6a36(%&lj_+5j+*"
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = ["*"]
+CORS_ORIGIN_ALLOW_ALL = True
+CORS_ORIGIN_ALLOW_ALL = True
+CORS_ALLOW_CREDENTIALS = False
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "api",
+    "corsheaders",
+    "import_export",
+]
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "corsheaders.middleware.CorsMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+ROOT_URLCONF = "instabuild.urls"
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.debug",
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = "instabuild.wsgi.application"
+
+
+# Database
+# https://docs.djangoproject.com/en/5.1/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.postgresql',
+        'NAME': 'postgres',
+        'USER': 'postgres.hmfpsokyfhrqhmvmsgpk',
+        'PORT': 6543,
+        'PASSWORD': 'RSPuG9OZ3czmpiHh',
+        'HOST': 'aws-0-us-east-1.pooler.supabase.com',
+    }
+}
+# "default": {
+#     "ENGINE": "django.db.backends.sqlite3",
+#     "NAME": BASE_DIR / "db.sqlite3",
+# }
+
+# Password validation
+# https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/5.1/topics/i18n/
+
+LANGUAGE_CODE = "en-us"
+
+TIME_ZONE = "UTC"
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/5.1/howto/static-files/
+
+STATIC_URL = "static/"
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"

instabuild/urls.py

@@ -0,0 +1,8 @@
+from django.contrib import admin
+from django.urls import path
+from django.urls import include, path
+
+urlpatterns = [
+    path("api/", include("api.urls")),
+    path("admin/", admin.site.urls),
+]

instabuild/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for instabuild project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "instabuild.settings")
+
+application = get_wsgi_application()

manage.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "instabuild.settings")
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == "__main__":
+    main()

requirements.txt

@@ -0,0 +1,15 @@
+asgiref==3.8.1
+certifi==2024.8.30
+charset-normalizer==3.4.0
+diff-match-patch==20241021
+Django==5.1.2
+django-cors-headers==4.6.0
+django-import-export==4.2.0
+idna==3.10
+pillow==11.0.0
+requests==2.32.3
+sqlparse==0.5.1
+tablib==3.7.0
+tzdata==2024.2
+urllib3==2.2.3
+psycopg2==2.9.10