Part 3 – Real Projects with ChatGPT + Cursor AI (with Prompts You Can Steal)

HighTech Server

Getting Started with AI

Jul 16, 2025

Getting Started with AI Series – HighTech Server, Powered by Print With Design Corp.

🏗️ From Markdown to Momentum

By now, you’ve:

Discovered the tools (ChatGPT + Cursor AI)
Planned your idea in a .md file (via HackMD)

Now it’s time to build something real.

In this post, we’ll walk you through how we take a Markdown file and turn it into a working project — using actual prompts, step-by-step screenshots, and smart AI assistance inside Cursor AI.

🧪 Real Example: Lead Capture CRM for Real Estate Agents

Let’s build a simple tool we use all the time — a Lead Capture Dashboard.

📝 Step 1: Start With a `.md` Blueprint

# Project: Lead Capture CRM (Minimal Version)
## Core Features

- Frontend form for leads: Name, Email, Phone, Source

- Admin login to view leads

- Store data in MySQL

- Basic dashboard with search/filter
## Tech Stack

- PHP & MySQL

- Bootstrap 5 for layout

- ChatGPT for initial code

- Cursor AI for debugging, polishing

## Prompts - "Create a responsive HTML form with Bootstrap for name, email, phone, source" - "Create PHP script to save submitted form to MySQL" - "Add admin login with session check" - "Display all leads in a Bootstrap table with search"

🖥️ Step 2: Drop It Into Cursor AI

Open Cursor AI
Start a new project workspace
Create a file called README.md
Paste your .md content inside

Now you’ve given Cursor context. It can see your vision.

💬 Step 3: Use Prompts Like a Boss

Highlight each bullet (or type directly into the chat assistant):

🔹 Prompt 1:

“Create a responsive HTML form with Bootstrap for name, email, phone, and source.”

Cursor returns:

html

<form action="submit.php" method="POST" class="p-3">

  <input type="text" name="name" placeholder="Name" class="form-control mb-2" required>

  <input type="email" name="email" placeholder="Email" class="form-control mb-2" required>

  <input type="tel" name="phone" placeholder="Phone" class="form-control mb-2" required>

  <select name="source" class="form-control mb-2">

    <option value="Website">Website</option>

    <option value="Facebook">Facebook</option>

    <option value="Referral">Referral</option>

  </select>

  <button type="submit" class="btn btn-primary w-100">Submit</button>

</form>

🔹 Prompt 2:

“Build submit.php to store the form data into MySQL securely.”

Cursor suggests:

Database connection code
Prepared statements
Error handling
You copy/paste and modify as needed. Cursor will even help fix errors if you run into any.

👨‍💻 Step 4: Let Cursor Refactor + Explain

Ask Cursor:

“Can you refactor this to use config.php for DB credentials?”

“What’s the best way to validate this phone number format?”

Cursor doesn’t just code — it teaches you why.

🧠 Bonus: Common Prompts We Use All the Time

Here are some of our favorite “power prompts” to use in Cursor:

Use Case	Prompt
✏️ Comment code	“Add beginner-friendly comments to this file.”
🔧 Debug	“Fix this error: Call to undefined function…”
🧼 Refactor	“Convert this to use PDO instead of MySQLi.”
📐 UX Polish	“Make this form mobile-friendly with padding and spacing.”
🔐 Security	“How can I prevent SQL injection in this form?”

✅ Final Output: Working Dashboard

By the end of this process, you’ve got:

A working frontend
Backend that writes to a database
Admin login to view leads
A basic, useful CRM

All built with your brain + some smart AI tools.
And if you’re stuck, Cursor and ChatGPT guide you every step of the way.

💡 This is Just the Beginning

Projects we’ve built with this workflow:

Custom quote calculators
Auto email responders
Simple appointment schedulers
Internal dashboards for our print shop clients

Whether you’re starting a side hustle, building tools for your team, or automating your agency — this workflow works.

📂 TL;DR:

Start in Markdown with HackMD
Use Cursor AI to turn that plan into code
Prompt ChatGPT or Cursor AI like a coding partner
Test, debug, and launch — all in one workspace

📌 Want Help Getting Started?

We offer:
✅ Starter templates
✅ Code reviews
✅ Full AI-powered dev services for your business

📩 Contact us and say,

“I’m ready to start building with AI.”