Merge pull request #27 from GYFX35/feature/project-creation-promotion

GYFX35 · web-flow · commit 6590f04120b2 · 2025-10-16T08:08:09.000Z
feat: Add project creation and startup promotion features
diff --git a/app.py b/app.py
@@ -808,6 +808,43 @@ def get_projects():
         } for project in projects
     ])
 
+@app.route('/api/v1/projects', methods=['POST'])
+@require_api_key
+def create_project():
+    data = request.get_json()
+    title = data.get('title')
+    description = data.get('description')
+
+    if not all([title, description]):
+        return jsonify({"error": _("Title and description are required")}), 400
+
+    new_project = Project(
+        title=title,
+        description=description,
+        image_url='https://via.placeholder.com/300x200'  # Placeholder image
+    )
+    db.session.add(new_project)
+    db.session.commit()
+
+    return jsonify({
+        'id': new_project.id,
+        'title': new_project.title,
+        'description': new_project.description,
+        'image_url': new_project.image_url
+    }), 201
+
+@app.route('/api/v1/promotions', methods=['POST'])
+@require_api_key
+def create_promotion():
+    data = request.get_json()
+    description = data.get('description')
+
+    if not description:
+        return jsonify({"error": _("Description is required")}), 400
+
+    promotion_text = google_ai.generate_social_media_post(description)
+    return jsonify({"promotion_text": promotion_text})
+
 @app.route('/api/v1/payment/create-payment-intent', methods=['POST'])
 @require_api_key
 def create_payment_intent():
@@ -918,21 +955,21 @@ def get_meta_campaigns():
 
 
 # The following block is for development purposes and should not be used in production.
-# Use a production-ready WSGI server like Gunicorn to run the application.
+# Use a production-ready WSGI server like Gunicorn to run the.
 # Example: gunicorn --bind 0.0.0.0:5000 app:app
 # The database initialization is also handled separately in a production environment.
-# if __name__ == '__main__':
-#     with app.app_context():
-#         db.create_all()
-#         if not Project.query.first():
-#             projects = [
-#                 Project(title='Project One', description='A web application that uses AI to generate recipes based on available ingredients.', image_url='https://via.placeholder.com/300x200'),
-#                 Project(title='Project Two', description='A mobile game that uses AI to create dynamic and challenging levels.', image_url='https://via.placeholder.com/300x200'),
-#                 Project(title='Project Three', description='An e-commerce website that uses AI to provide personalized product recommendations.', image_url='https://via.placeholder.com/300x200')
-#             ]
-#             db.session.bulk_save_objects(projects)
-#             db.session.commit()
-#     app.run(debug=True, port=5000)
+if __name__ == '__main__':
+    with app.app_context():
+        db.create_all()
+        if not Project.query.first():
+            projects = [
+                Project(title='Project One', description='A web application that uses AI to generate recipes based on available ingredients.', image_url='https://via.placeholder.com/300x200'),
+                Project(title='Project Two', description='A mobile game that uses AI to create dynamic and challenging levels.', image_url='https://via.placeholder.com/300x200'),
+                Project(title='Project Three', description='An e-commerce website that uses AI to provide personalized product recommendations.', image_url='https://via.placeholder.com/300x200')
+            ]
+            db.session.bulk_save_objects(projects)
+            db.session.commit()
+    app.run(debug=True, port=5001)
 
 @app.cli.command("init-db")
 def init_db_command():
diff --git a/frontend/static/js/script.js b/frontend/static/js/script.js
@@ -205,4 +205,85 @@ document.addEventListener('DOMContentLoaded', () => {
             gallery.appendChild(item);
         });
     }
+
+    // --- Create Project ---
+    const createProjectBtn = document.getElementById('create-project-btn');
+    if (createProjectBtn) {
+        createProjectBtn.addEventListener('click', async () => {
+            const titleInput = document.getElementById('project-title-input');
+            const descriptionInput = document.getElementById('project-description-input');
+            const responseContainer = document.getElementById('create-project-response');
+            const apiKey = prompt("Please enter your API key to create a project:");
+
+            if (!apiKey) {
+                responseContainer.textContent = 'API key is required to create a project.';
+                return;
+            }
+
+            try {
+                const response = await fetch('/api/v1/projects', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-API-Key': apiKey
+                    },
+                    body: JSON.stringify({
+                        title: titleInput.value,
+                        description: descriptionInput.value
+                    })
+                });
+
+                if (!response.ok) {
+                    const error = await response.json();
+                    throw new Error(error.error || 'Failed to create project');
+                }
+
+                const newProject = await response.json();
+                responseContainer.textContent = `Project "${newProject.title}" created successfully!`;
+                titleInput.value = '';
+                descriptionInput.value = '';
+                fetchProjects(); // Refresh the portfolio
+            } catch (error) {
+                responseContainer.textContent = `Error: ${error.message}`;
+            }
+        });
+    }
+
+    // --- Promote Startup ---
+    const promoteStartupBtn = document.getElementById('promote-startup-btn');
+    if (promoteStartupBtn) {
+        promoteStartupBtn.addEventListener('click', async () => {
+            const descriptionInput = document.getElementById('startup-description-input');
+            const responseContainer = document.getElementById('promote-startup-response');
+            const apiKey = prompt("Please enter your API key to generate a promotion:");
+
+            if (!apiKey) {
+                responseContainer.textContent = 'API key is required to generate a promotion.';
+                return;
+            }
+
+            try {
+                const response = await fetch('/api/v1/promotions', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-API-Key': apiKey
+                    },
+                    body: JSON.stringify({
+                        description: descriptionInput.value
+                    })
+                });
+
+                if (!response.ok) {
+                    const error = await response.json();
+                    throw new Error(error.error || 'Failed to generate promotion');
+                }
+
+                const promotion = await response.json();
+                responseContainer.textContent = promotion.promotion_text;
+            } catch (error) {
+                responseContainer.textContent = `Error: ${error.message}`;
+            }
+        });
+    }
 });
diff --git a/frontend/templates/index.html b/frontend/templates/index.html
@@ -82,9 +82,41 @@ <h3>1000 AI Credits</h3>
         <section id="portfolio" class="portfolio">
             <h2>Our Work</h2>
             <div class="portfolio-gallery">
+            </div>
+        </section>
+
+        <!-- Create Project Section -->
+        <section id="create-project" class="services">
+            <h2>{{ _('Create a New Project') }}</h2>
+            <div class="service-cards">
+                <div class="card">
+                    <h3>{{ _('Project Details') }}</h3>
+                    <p>{{ _('Enter the title and description for your new project.') }}</p>
+                    <input type="text" id="project-title-input" placeholder="{{ _('Project Title') }}" class="styled-input">
+                    <textarea id="project-description-input" placeholder="{{ _('Project Description') }}" class="styled-textarea" rows="4"></textarea>
+                    <button id="create-project-btn" class="btn">{{ _('Create Project') }}</button>
+                    <div class="response-container" id="create-project-response-container">
+                        <pre id="create-project-response"></pre>
+                    </div>
                 </div>
+            </div>
         </section>
 
+        <!-- Promote Startup Section -->
+        <section id="promote-startup" class="services">
+            <h2>{{ _('Promote Your Startup') }}</h2>
+            <div class="service-cards">
+                <div class="card">
+                    <h3>{{ _('Startup Details') }}</h3>
+                    <p>{{ _('Enter a description of your startup to generate a promotion.') }}</p>
+                    <textarea id="startup-description-input" placeholder="{{ _('Startup Description') }}" class="styled-textarea" rows="4"></textarea>
+                    <button id="promote-startup-btn" class="btn">{{ _('Generate Promotion') }}</button>
+                    <div class="response-container" id="promote-startup-response-container">
+                        <pre id="promote-startup-response"></pre>
+                    </div>
+                </div>
+            </div>
+        </section>
     </main>
 
     <footer id="contact">
diff --git a/jules-scratch/verification/verify_features.py b/jules-scratch/verification/verify_features.py
@@ -0,0 +1,15 @@
+from playwright.sync_api import sync_playwright
+
+def run(playwright):
+    browser = playwright.chromium.launch(headless=True)
+    context = browser.new_context()
+    page = context.new_page()
+
+    try:
+        page.goto("http://127.0.0.1:5001")
+        page.screenshot(path="jules-scratch/verification/verification.png")
+    finally:
+        browser.close()
+
+with sync_playwright() as playwright:
+    run(playwright)
